+ 1
How can I change the color of the table to yellow during the animation without delaying the animation?
7 Respostas
+ 4
table {
animation: spin 5s linear infinite;
background-color:yellow;
}
This will give your table a yellow background. Add in CSS section 👍
+ 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. 👍.
+ 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.
+ 2
Thank you
+ 1
During the animation
+ 1
The background should change to yellow