SVG Switches

Live version:
http://codepen.io/MaxStalker/pen/yyMbQx

SVG is really fun. This one is still using shape imports from Illustrator, but for simple shapes like this it can be even handcoded without that much trouble.

Also was quite nice to discover that you can sync animations on different events (animation start/end, clicks, hovers, etc.) and even delay them after that event happened. Much like javascript, but without one :)

Update: Added glow underneath checkbox like on initial design. Discovered that SVG filters can be animated just as other elements. Woohoo :)

View all tags
Posted on Jan 14, 2015

More by Max Daunarovich

View profile