SVG Design Inspiration - HTML & CSS Snippets | Page 3 of 10 Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Home » SVG

Strike Off ToDo List Animation

November 21, 2017

I recently came across a beautiful to-do list strike off animation designed by Gal Shir and Shaw recreated that effect in CSS. When you click on the list item...

check box click animation input field SVG to do list

Social Media Share Button With Gooey Effect Using SVG

November 20, 2017

Social media sharing button with gooey icon loading effect designed by Sasha. When you click on the share button a bunch of social media icons drops down with a...

button click animation social icon SVG

SVG Text Mask With Video Background

November 14, 2017

Want to show some text but instead of a solid colour you might want to use an image in the background or how about a video? This snippet designed...

hero section SVG text animation video

Heat Haze / Heat Shimmer Blurr Effect

November 13, 2017

Check out this awesome heat haze effect designed by Lucas Bebber for Codrops . This blur effect for your images uses WebGL. You might also be interested in a...

animation blur effect distortion effect image effects SVG webgl

Gooey Sidebar Stretch Menu Concept

October 30, 2017

This snippet expands from the left sidebar area to reveal the navigation menu, when you hover hear the hamburger menu icon it stretches out of the sidebar to the...

hover animation navigation menu sidebar SVG

Pages: 1 2 3 4 5 6 7 8»

scroll to top

49 svg UI Inspiration

HTML, CSS Code Snippets for SVG