Sunday, August 8, 2010

How to read individual '-webkit-transform' values in JavaScript?

Programmer Question

Webkit's blog post from last year on 3D transforms explains the various transform 'functions' that can be used in the -webkit-transform property. For example:



#myDiv {
-webkit-transform: scale(1.1) rotateY(7deg) translateZ(-1px);
}


My question: how do you access individual values in JavaScript? When you read the webkitTransform property of the element, you just get a matrix3d() function with 16 values in it, like this...



matrix3d(0.958684, 0.000000, .....)


Is there a way to just read the value of an individual transform thing, like rotateY()? Or do I have to read it from the matrix3d() string, and how?



Find the answer here

No comments:

Post a Comment

LinkWithin

Related Posts with Thumbnails