JavaScript
Article

jQuery, JavaScript, CSS3 popout scale effects in IE

By Sam Deering

Here is a collection of code snippets coded in jQuery, JavaScript, CSS3 to produce popout scale effects transitions which work in Internet Explorer versions particularly IE8 and IE9 which don’t quite play ball with CSS3. First of all an attempt using jQuery Plugin for IE7+ Scale Transition Effect then an attempt using jQuery UI Scale Effect. Then finally a CSS Only attempt – works in Chrome, FF, IE9, IE8. CSS only version which proved the best results in Internet Explorer.

css-3-ie-transitions

Also I’ve seen these meta tags used to help choose what version of Internet Explorer the page should be rendered as:


More info on these tags: http://msdn.microsoft.com/en-au/library/ie/ms533876(v=vs.85).aspx

jQuery IE scale transitions may also be possible using these plugins:

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.