Animation and motion on the web = bad [closed]

1. What are the problems of putting an animation on the web?
2. Is it good to use animation on website?
3. Why is animation not working in CSS?

What are the problems of putting an animation on the web?

Ill-timed or poorly designed animations become distractions and roadblocks. Too much motion can slow down the loading of a web page. Too many animations prevent visitors from knowing which parts of the page to focus on. Website animation doesn't always translate well to mobile, which leads to poor experiences.

Is it good to use animation on website?

Why is animation important in the web design field? Web animation can be used to attract attention, engage people better, and communicate more clearly and effectively. It can engage and hold people's attention longer than just a static web page.

Why is animation not working in CSS?

Even if you've assigned a keyframes rule to an element, it still may not appear to play if you haven't set an animation-duration. By default, a CSS animation cycle is zero seconds long. To override this, add an animation-duration rule to your targeted element with a seconds value, in the same block as animation-name.