Please enable JavaScript.
Coggle requires JavaScript to display documents.
ANIMATION - Coggle Diagram
ANIMATION
TRANSFORMATIONS
3D
Required
Perspective
Z-axis
Perspective
Property
For
All
Child
Transform
Perspective()
Unit
Origin
OffsetX OffsetY
Center
50% 50%
Functions
Rotate
deg
Scale
Multiplier
Skew
deg
Translate
X/Y/Z
Units
Position
Can
Order
Matters
Combining
Property
Transform
ANIMATIONS
Reusable
Use
Different
Class
Library
Animate.style
Define
'@keyframes
<name> {}
0% {}
Transform()
25% {}
50% {}
100% {}
Use
Animation
Name
Duration
TimingFunction
[Delay]
[IterationCount]
Infinite
[Direction]
Normal
Reverse
Alternate
Shorthand
TRANSITION
Permanent
State
Use
PropertyName
Duration
[Timing-Function]
Linear
Ease
In
Out
Cubic-Bezier(...)
cubic-bezier.com
[Delay]