+ 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

27th Nov 2018, 8:22 AM
Ratnapal Shende
Ratnapal Shende - avatar
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
27th Nov 2018, 5:31 PM
Bad_Bits
Bad_Bits - avatar
+ 6
_yaroslavv would you like to share code here please ...
27th Nov 2018, 9:27 AM
Ratnapal Shende
Ratnapal Shende - avatar
+ 3
Thank you so much Anurag Kumar 😊
27th Nov 2018, 5:42 PM
Ratnapal Shende
Ratnapal Shende - avatar
+ 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>
28th Nov 2018, 12:25 AM
Vagner Bot
Vagner Bot - avatar
+ 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
27th Nov 2018, 9:01 AM
_yaroslavv [online_everyday]
_yaroslavv [online_everyday] - avatar