Pages

Sunday, March 2, 2014

Tutorial Scale on Hover with Webkit Transition

This only works on webkit based browsers (Chrome, Safari). It degrades gracefully for non-webkit browsers (no change is seen, rather than an unanimated size bump).

#blah { -webkit-transition: all .2s ease-in-out; }
#blah:hover { -webkit-transform: scale(1.1); }

Reference URL

No comments:

Post a Comment