+ 1

How can I change the color of the table to yellow during the animation without delaying the animation?

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

13th Jun 2018, 12:13 PM
B.D
B.D - avatar
7 Respostas
+ 4
table { animation: spin 5s linear infinite; background-color:yellow; } This will give your table a yellow background. Add in CSS section 👍
14th Jun 2018, 7:55 AM
Ryan Els
Ryan Els - avatar
18th Jun 2018, 6:34 PM
Calviղ
Calviղ - avatar
+ 3
Just a tip. The key frame is a loop that goes from 0% to 100% and then starts at 0% again and keeps repeating. You must order the frames in divisions of 100. Like 0, 15, 30, 45 etc. Check that the animation flows nicely from one frame to the next and that the leap from 100% to 0% is smooth. 👍.
14th Jun 2018, 1:36 PM
Ryan Els
Ryan Els - avatar
+ 2
50% { transform:rotate(90deg);} 100% { transform: rotate(360deg); } 10% { transform: skew(30deg); background-color:yellow;} Add it in the key frame like this then.
14th Jun 2018, 1:29 PM
Ryan Els
Ryan Els - avatar
+ 2
Thank you
19th Jun 2018, 9:04 AM
B.D
B.D - avatar
+ 1
During the animation
14th Jun 2018, 12:52 PM
B.D
B.D - avatar
+ 1
The background should change to yellow
14th Jun 2018, 12:52 PM
B.D
B.D - avatar