Is it possible to create two different animation s for a div

Question

How do you add two different animations to one div one at a time

Answer 1

Example:
https://code.sololearn.com/W36bZf11GQl8/?ref=app

Now this just uses a 2s delay to apply the "change" animation later but there are other ways also. I'm not sure what you are after by saying "one at a time".

Answer 2

Using keyframe animations?

I believe all you have to do is put a comma between the animations when you call them.

Answer 3

Ginfio Two different keyframe animations applied to one div.

Answer 4

I tried it and i dont think you can do it with coma.

Answer 5

Ginfio Can you post the code here that you tried it on? I would like to see how you tried it because you can see in my example code that I posted earlier that it does indeed work. So it would be interesting to see what was different for you.

Answer 6

animation as 2 different keyframes; right?