How can we position or move animations | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How can we position or move animations

25th Jul 2017, 9:07 PM
Olajide Nathaniel
Olajide Nathaniel - avatar
2 Answers
+ 7
You can use the property "transform" in CSS, to allow 2D or 3D transforms. Links: - https://www.w3schools.com/cssref/css3_pr_transform.asp - https://www.w3.org/TR/css-transforms-1/ - Examples: http://cssreference.io/property/transform/ You might as well use it along the "transition" property to allow smooth change of states of the elements you've transformed. Links: - https://www.w3schools.com/css/css3_transitions.asp - https://www.w3.org/TR/css3-transitions/ - Examples: http://cssreference.io/property/transition/
25th Jul 2017, 11:56 PM
Pao
Pao - avatar
+ 4
The other way to move html element through css is by using a positionned mode for the element ('position' css property with value 'relative', 'absolute' or 'fixed') which allow use of 'left', 'top' and/or 'right' and 'bottom' css property to move the element from its initial position, relative to... depends on context and value used as 'position' ;P)... To handle animation through css, use 'transition' and/or 'animation' as indicated by @Paola, on property used to move element ('transform' in Paola way, 'left'/'right'/'bottom'/'right' in the 'position' way ^^).
26th Jul 2017, 5:22 AM
visph
visph - avatar