Animate

Question

Using animate tag is not in contrast whit seperation of concerns (SoC)? why we don't use javascript for creating animations?

Answer 1

Robin Rademaker thanks man 😊

Answer 2

Good question, you can animate in css and in JavaScript, so what is the advantage of doing it in html as well🤔

I agree now that I know what you mean this doesn't make a lot of sense

https://en.wikipedia.org/wiki/Separation_of_concerns

Answer 3

Mo3n I found this great article about how all 3 work together, check it out!

https://cloudinary.com/blog/creating_html5_animations

So either you do the animations in CSS or in JavaScript, you mainly use the the HTML as the skeleton, what makes sence. Or use all 3, with only HTML you cannot achieve a lot.

Answer 4

So finally I wanted to share these beautiful examples😁👌

JavaScript animation

https://code.sololearn.com/WX2G8vQ7RH72/?ref=app

CSS animation

https://code.sololearn.com/W2Cf36SGV7Yd/?ref=app

Answer 5

I must admit there still is a lot to learn, so I want to add this as well.

Video course about SGV:

https://css-tricks.com/lodge/svg/

Answer 6

We will have to try and create the same simple animation with all 3 ways and see what is best 😀👌