GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → codrops → Shapehovereffectsvg

codrops / Shapehovereffectsvg

Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.

Labels

css

Shape Hover Effect with 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.

Article on Codrops

Demo

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Illustrations by Isaac Montemayor

Read more here: License

© Codrops 2013

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].