Keyframes are confusing.
In the building Penguin challenge on Step 96, we are asked:
Give @keyframes wave four waypoints starting at 10%, and incrementing by 10%.
What should I do?
2 Likes
That one was tricky for me too, especially because there are no “waypoints” in CSS (at least, none I could find).
It turns out you just list the percentages, separated by commas. Ignore the term “waypoints” as a CSS rule, since it’s not one.
If you need more clarification, let me know! I’m always happy to help. 
3 Likes
Many thanks, Jacob. I’ve passed the step, and it was tricky indeed.
Thanks for your offer of future clarifications, I’ll post more questions soon. 
2 Likes
@keyframes wave {
10%{}
20% {}
30% {}
40% {}
}
Try this!