+ 8
How can I play css Animations one by one infinitely?
I created a code for loading animation but I don't want both animations at simultaneously i want one by one infinitely. please help to solve my problem https://code.sololearn.com/WjaLqTLu7AS6/?ref=app
5 ответов
+ 5
I think you want to simulate pendulum experiment of transferring momentum
Its an easy fix
Set the animation delay of ".two" to 0.5s
Use this keyframes
@keyframes move{
0%{transform:rotate(0deg);}
25%{transform:rotate(-99deg);}
50%{transform:rotate(0deg);}
100%{transform:rotate(0deg);}
}
@keyframes moveit{
0%{transform:rotate(0deg);}
25%{transform:rotate(99deg);}
50%{transform:rotate(0deg);}
100%{transform:rotate(0deg);}
}
https://code.sololearn.com/WS16nGcQFMfI/?ref=app
+ 6
_yaroslavv would you like to share code here please ...
+ 3
Thank you so much Anurag Kumar 😊
+ 2
<!DOCTYPE html>
<html>
<head>veek.com
<meta charset="UTF-8">
<title>Index</title>
</head>api.whatsapp.com/br
<body>
<div>
www.vivo.com.br/8090
</div>
</body>
</html>
+ 1
I think, to solve this problem you need to use javascript.
You can set delays or create counter to make it animate one by one