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

Question

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

Answer 1

table {
animation: spin 5s linear infinite;
background-color:yellow;
}

This will give your table a yellow background. Add in CSS section 👍

Answer 2

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

Answer 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. 👍.

Answer 4

50% { transform:rotate(90deg);}
100% { transform: rotate(360deg); }
10% { transform: skew(30deg); background-color:yellow;}

Add it in the key frame like this then.

Answer 5

Thank you

Answer 6

During the animation

Answer 7

The background should change to yellow