SVG Tabs (Using an SVG Shape as Template)

An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. SVG templating, if you will.

Let's see if we can put that to good use by creating some tabs.

I learned this was possible through Oleg Solmoka's article on Codrops. Clever stuff!

It works like this:

1. Define the shape
…

SVG Tabs (Using an SVG Shape as Template) is a post from CSS-Tricks