Timing in css

Question

Is there a wait command in css? If there is, please tell me. (;

Answer 1

If you need to wait before executing an animation, you could used the "animation-delay" attribute

Answer 2

Thanks! but how would I use it in this code:

.r {
height: 30px;
width: 30px;
background-color = red
animation: spin 1s infinate;
}
@keyframes spin {
50 {
transform: rotate(360deg);
}
}

.r2 {
height: 30px;
width: 30px;
background-color = red
animation: spin2 1s infinate;
}
@keyframes spin2 {
50 {
transform: rotate(360deg);
}
}