transformjs
made css3 transform super easy
Home
http://alloyteam.github.io/AlloyTouch/transformjs/
Install
You can install it via npm:
npm install css3transform-react
Demo
- https://alloyteam.github.io/AlloyTouch/transformjs/react/example/
- http://alloyteam.github.io/AlloyTouch/transformjs/example/stars.html
Usage
//set "translateX", "translateY", "translateZ", "scaleX", "scaleY", "scaleZ", "rotateX", "rotateY", "rotateZ", "skewX", "skewY", "originX", "originY", "originZ" { return <Transform translateX=100 scaleX=05 originX=05> <div>sth</div> </Transform> ;} // you can also use other porps, such as "className" or "style" { return <Transform translateX=100 className="ani" style=width: '100px' background: 'red' <div>sth</div> </Transform> ;}
License
This content is released under the MIT License.