JavaScript
Article
By Sam Deering

jQuery CSS3 Hover Transform Plugin

By Sam Deering
Last chance to win! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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

--ADVERTISEMENT--

Demos

* Single elements scale – https://jsfiddle.net/aEPsh/
* Single elements scale & rotate – https://jsfiddle.net/wC9Wk/
* Single elements A few experiments – https://jsfiddle.net/sD5dP/
* Container element triggers scale on child – https://jsfiddle.net/MH2AS/
* One child element triggers another – https://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! :)

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.
Is it good?Is it good?