(飛肯) SVG的形狀感應效果

In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover.

shape-hover-effect-with-svg-00

Piotr Kwiatkowski 的免費向量icon

Hand crafted, scalable vector icons for designers and developers.
This pack comes with 264 custom icons in SVG, AI, ESP, PSD, CSH and PNG format.
All the icons are royalty free for personal and commercial use.

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box badge-hot

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color1 badge-new

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-transparent badge-free

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color2 badge-top