Ajax Girl

Paul Bakaus, or jQuery UI fame, has created a nice little hack to implement WebKit CSS transforms in IE

When you include the library, it can scan for your -webkit-transform-* transforms (soon to support the standard transform-*) and will go to work for you using a couple of nifty technologies all put together:

• IE Filters such as DXImageTransform.Microsoft.Matrix that do the rotate, skew, scale, and general matrix work for you
• onpropertychange “almost behaves like DOMAttrChanged, but is much finer grained. It is capable of telling you whenever a DOM property changes on an element, and when you track the style attribute, it actually passes the actual style that changed along with the event.” Here it is at work in the library:
  PLAIN TEXT
  JAVASCRIPT:

  1.  
  2. jQuery(Transformie.trackChangesFor).bind(‘propertychange’, function(e) {
  3.         if(e.originalEvent.propertyName == ’style.webkitTransform’) {
  4.                 Transformie.refreshMatrix(this);       
  5.         }                     
  6. });
  7.  

From there you can see the transforms which look like:

Very nice indeed.

Source: Ajaxian » Front Page
Original Article: http://feeds.feedburner.com/~r/ajaxian/~3/368066244/transformie-implement-webkit-css-transforms-in-ie