(飛肯) 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.

(免費資源網路社群) The Design Inspiration 免費素材資源網

the-design-inspiration-01 

如果設計是你的工作,同時對你而言也是一項艱鉅的任務,不妨從網路上找找新點子,或許能在你腦中激盪出不一樣的火花。The Design Inspiration(TDI)是一個由設計師所精心挑選、為設計師而生的網路資源站,為你蒐羅世界各地、各大網站的精緻素材,你再也無須翻越一頁又一頁的網海,只要來到這裡,就能帶給你源源不絕的靈感。

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