Use CSS transform for Interesting Hover Effects

/ Published in: CSS
Save to your folder(s)

For progressive enhancement, you could use the transform property that is supported by many browsers that have CSS3 support.

Here’s a trick for enlarging a elements on hover by 110%.

Copy this code and paste it in your HTML
  1. a {
  2. -moz-transform: scale(1.1);
  3. -webkit-transform: scale(1.1);
  4. -o-transform: scale(1.1);
  5. }


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.