Difference between revisions of "Webkit transform"

From WebOS Internals
Jump to navigation Jump to search
(webkit transform)
 
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
Work in progress...
+
Webkit Transform scripts<br>
−
 
+
<br>
−
I'm putting this together to illustrate how to use webkit to transform any IDed content and transform it in various ways. My first example will be rotating an image with a static setting and using a variable. (do not delete, this is a placeholder and it will have useful content added tonight 7/20.)
+
dynamic rotation:<br>
 +
document.getElementById('elementId').style.WebkitTransform = 'rotate('+ variableName + 'deg)';<br>
 +
<br>
 +
static rotation:<br>
 +
document.getElementById('elementId').style.WebkitTransform = 'rotate(45deg)';<br>

Latest revision as of 04:14, 21 July 2009

Webkit Transform scripts

dynamic rotation:
document.getElementById('elementId').style.WebkitTransform = 'rotate('+ variableName + 'deg)';

static rotation:
document.getElementById('elementId').style.WebkitTransform = 'rotate(45deg)';

Retrieved from "http://wiki.webos-internals.org/index.php?title=Webkit_transform&oldid=1282"