Google News
logo
Anime.js - Interview Questions
Animate CSS transforms properties individually.
It's possible to specify different timing for each transforms properties, more details in the specific property parameters section.

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'
});​
Advertisement