Vor einiger Zeit haben Mozilla und Apple CSS-Transforms in die Vorabversionen ihrer Browser eingebaut, mit denen sich HTML-Elemente beliebig drehen und verzerren lassen. Als ich kürzlich darüber schrieb, merkte bereits ein Kommentator an, dass es so etwas entfernt ähnliches in Form eines Filters auch für den Internet Explorer gibt. Und hier ist wie bestellt die Javascript-Bibliothek dafür.

Es werden die Transformationen scale, skewX, skewY, rotate, scaleNonUniform und rotateFromVector unterstützt. Und man kann das ganze sogar animieren. Ein Beispiel:

var mfx = new Fx.Matrix($('foo'))
mfx.set( Fx.Matrix.Functions.scale(2) );

Das skaliert das Element foo um den Faktor 2 – im Firefox 3.1 und Safari mit CSS-Transforms, im IE mit dem Matrixfilter. Eine Demo gibt es auch, die natürlich nur im Internet Explorer, Safari oder FF3.1 funktioniert.

Dieses Script ist einerseits cool (v.a. weil es für Mootools ist), andererseits kann ich mir auch keinen besseren Weg vorstellen, eine Website mit butterweich rotierenden, skalierenden und durch die Gegend taumelnden Elementen zu verschandeln. Da muss man wohl mit gehörig Augenmaß herangehen.

Preisfrage: War es nicht so, dass IE8 alle Filter abschafft, weil die auf hasLayout aufbauen? In dem Fall wäre die ganze Sache natürlich wieder für die Katz’ … aber das hab ich jetzt nicht genau recherchiert!