Priority to Javascript or Css for animation ?

Question

Hello everyone,
I just finished css3 courses and it's really a powerful tool to make animations. I used to use plain Javascript for animation though.

My question is which way is better in terms of performance ?

Answer 1

Nevermind I found the answer.
Css3 rivals with Javascript but not necessarily better.
However, Css3 animations run in a separate thread which is an advantage because the browser is single threaded.
Say we do something heavy with JS that could freeze the entire page thus stop animations.
By using Css3, animations will not freeze.

Answer 2

🤔
Wow, what a strange article.
I can see why it was confusing though, since it was pitting JavaScript against JavaScript in its stress test claiming that it was pitting CSS against JavaScript.

Answer 3

Can't you do event driven animations in CSS?

Answer 4

CSS is made for animations, so it is better; but if you want something conditional (like the animation runs when you press a button), you should use JS

Answer 5

Indeed, I don't need any logic.

However I'm more confused after looking at this https://css-tricks.com/myth-busting-css-animations-vs-javascript/

I did the performance test and GSAP (JS) outperformed Zepto (CSS) with a gap of 10 fps.

Answer 6

Css3 is better way to create animation. Also, it is easy to create animation using css. But JavaScript is little difficult. Hope you understand what I am trying to say.

Answer 7

Before css3 you should check out javascript in css3 animation is cool and simple

Answer 8

CSS3

Answer 9

CSS is Cascade Style Sheet and is made for animations and defining the style, but if you want animation make them with JS or React

Answer 10

--- sometimes must be considered performance such as page speed!

In JS, two-part for executing.
1- parse
2- execute
but in CSS, Just needed parse for executing.

-- CSS Animation
it's simple and comfortable

-- JS Animation
The implement may harder than CSS.
Debugging is harder than CSS.
JS animation power more than CSS.

Remind: 100ms faster -> increase 1% revenue.

Answer 11

Before css3 you should check out javascript

Answer 12

it is fine to use css or javascript, just use the one u got most technique but i think css is easier