+ 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

html css animation

27th Nov 2018, 8:22 AM

Ratnapal Shende

5 Answers

+ 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

+ 6

_yaroslavv would you like to share code here please ...

27th Nov 2018, 9:27 AM

Ratnapal Shende

+ 3

Thank you so much Anurag Kumar 😊

27th Nov 2018, 5:42 PM

Ratnapal Shende

+ 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