+ 2
How can we position or move animations
2 Antworten
+ 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/
+ 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 ^^).