zachstronaut/jquery-css-transform

A monkey patch for jQuery 1.3.1+ that adds some cross browser support for 'transform' property to css() method.

jquery-css-transform's Issues

Applying a transform as part of a map.

This works:
$(".active").css("transform", "scale(.4)")

This doesn't:
$(".active").css({transform: "scale(.4)"})

To resolve it, I inserted the following at line 59:
if (typeof arg == 'object' && $.props[c_transform] != c_transform)
arg[$.props[c_transform]] = arg[c_transform];

I created a string called c_transform to represent 'transform', to aid compression.

Rich

empty string on get css transform on first attempt

Hi,
I tried to get a div current transform using $('#mydiv').css('transform') and I get an empty string, but I know that this div has a transform: rotate(-1deg) css style applied via class reference.

If I set a rotation via $('#mydiv').css('transform', 'rotation(-1deg)') I can now read that value via the getter.
Any ideas?

I test on Mac Lion - Safari 5.1.5

Incompatible with jQuery 1.6

Hey just wanted to let you know.

The attribute library code was rewritten in jQuery so that $.props is no longer defined, breaking rotate3Di from working.

Would be greatly appreciated if you had any idea of a solve for this.

Broken in FF 16.0.1+

Firefox 16.0.1 and up has added support for the non-prefixed 'transition' property.

Flip issue with Firefox 12

Hey

I've used the script to build a website http://www.brandcircus.at/ and it works great except Firefox 12. onMouseOver, the second row sometimes dissapears. .

Any idea how to fix this bug?

Amar

Transform is not applied in IE9 RC

The transform doesn't get applied in IE9 RC. I tracked it down to to IE9 attempting to set the property as MozTransform.

I fixed it it by switching the order of checking the various vendor prefixes. e.g.

var properties = ['transform', 'WebkitTransform', 'MozTransform', 'msTransform', 'OTransform'];

to

var properties = ['transform', 'WebkitTransform', 'msTransform', 'MozTransform', 'OTransform'];