How do i write @keyframes using from and to when multiple line is involved

Question

@keframes example{
0% {background-color: red;}
30% {background-color: grape;}
60% {background-color: blue;}
100% {background-color: #ffff56;}

Form {background-color: red;}
??? {background-color: grape;}
??? {background-color: blue;}
To {background-color: #ffff56;}
}
Pls help

Answer 1

'From' is the same as 0%
and 'To' is the same as 100%

Answer 2

from{color:#fff;}
10%{color:#bbb;}
to{color:#000;}

you can use any percentage (between 0 and 100 )between the "from" and "to"😁

Good Luck