How to set the style -webkit-transform dynamically using JavaScript?
The JavaScript style names are WebkitTransformOrigin and WebkitTransform
element.style.webkitTransform = "rotate(-2deg)";Check the DOM extension reference for WebKit here.
Here are the JavaScript notations for most common vendors:
webkitPropertyMozPropertymsPropertyOPropertypropertyI reset inline transform styles like:
element.style.webkitTransform = "";element.style.MozTransform = "";element.style.msTransform = "";element.style.OTransform = "";element.style.transform = "";And like this using jQuery:
$(element).css({ "webkitTransform":"", "MozTransform":"", "msTransform":"", "OTransform":"", "transform":""});See blog post Coding Vendor Prefixes with JavaScript (2012-03-21).