| Valid properties | Default unit |
|---|---|
'translateX' |
'px' |
'translateY' |
'px' |
'translateZ' |
'px' |
'rotate' |
'deg' |
'rotateX' |
'deg' |
'rotateY' |
'deg' |
'rotateZ' |
'deg' |
'scale' |
— |
'scaleX' |
— |
'scaleY' |
— |
'scaleZ' |
— |
'skew' |
'deg' |
'skewX' |
'deg' |
'skewY' |
'deg' |
'perspective' |
'px' |
Example :
anime({
targets: '.css-transforms-demo .el',
translateX: 250,
scale: 2,
rotate: '1turn'
});