omi-transform
Made css3 transform super easy.
Supported properties(get and set):
Property | Describe |
---|---|
translateX | translateX |
translateY | translateY |
translateZ | translateZ |
scaleX | scaleX |
scaleY | scaleY |
scaleZ | scaleZ |
rotateX | rotateX |
rotateY | rotateY |
rotateZ | rotateZ |
skewX | skewX |
skewY | skewY |
originX | the basic x point of rotation |
originY | the basic y point of rotation |
originZ | the basic z point of rotation |
perspective | Perspective projection distance |
Usage
;; @ { thisdatarotateZ = 30 this { thisanimDiv = e } } { } { return <css3-transform rotateZ=datarotateZ translateX=0 perspective=0 > <div ref=thislinkRef> omi-transform </div> </css3-transform> } ;
Using in pure js
var ele = documentelement1rotateZ = 45
Demos
License
MIT © dntzhang