Here's an example where I'm using something like this: switching between tabs.

Originally made this on @codepen after someone asked how to create tabs with rounded corners *and* borders.
https://codepen.io/thebabydino/pen/oNKLLbv

Then finally polished it this weekend.

Vanilla #CSS + #JS + a bit of #SVG #filter magic.🪄

Works with an image behind the tabs, the tabs may also have an image background.

#svgFilter #tabs #tabbed #JavaScript #web #webDev #webDevelopment #dev #code #coding #frontend #a11y