Where is technical difference between CSS Transition and CSS Animation?
Is animation (with keyframes) consists of several transitions?
Is keyframes support the only difference?
Are both of them are hardware accelerated?
1
-
Related post - CSS: Animation vs. TransitionRBT– RBT2021-06-06 13:02:36 +00:00Commented Jun 6, 2021 at 13:02
Add a comment
|
2 Answers
Are both of them are hardware accelerated?
-- Yes, both are hardware accelerated.
for other question answer you have to refer this site
2 Comments
Ruslan
you link basically says "animation is more powerful than transition because of keyframes" my question was: "are there any other differences except of keyframes"
Shantanu Sharma
No, both are power full according browser and hardware accelerated, but in general i found some lag if we make complex animation using highly key frames...
Transition:
A transition is performed between two distinct states: A start state and an end state. Transitions also need a triggering event such as hover, focus and etc. Transitions are mostly used for simple animations.
Animation:
Unlike transitions, animations can be used for endless animations and have more than two states (@keyframes). They also have no boundaries.
Both use CPU acceleration for smoother effects.
