jQuery CSS3 Hover Transform Plugin

Sam Deering
Tweet

A lightweight (2kb min) jQuery Plugin which handles CSS3 hover tranforms that work cross browser IE8+. Works on all modern browsers Chrome, Firefox, Safari, IE. Old browsers IE9, IE8.

Download from GitHub

Demos

* Single elements scale – http://jsfiddle.net/aEPsh/
* Single elements scale & rotate – http://jsfiddle.net/wC9Wk/
* Single elements A few experiments – http://jsfiddle.net/sD5dP/
* Container element triggers scale on child – http://jsfiddle.net/MH2AS/
* One child element triggers another – http://jsfiddle.net/LuNgy/

Features

* CSS3 Transition Tranforms on Hover triggered by JavaScript.
* Cross Browser supported by IE8, IE9 and modern browsers compliant with CSS3 transitionopts.
* Keyboard tab to active element captured and triggers hover state.
* Specify child elements for CSS3 transformation effects on parent hover.
* CSS transitions specified in CSS so they can be anything you want! :)

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.computersneaker.com/ Mudasir Malik

    This is an awesome Plugin, It has almost fulfill all my desires.