# You should add a 10% waypoint for @keyframes wave

**URL:** <https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [June 20, 2022, 5:51am UTC](https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859 "2022-06-20T05:51:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lonewolf7](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lonewolf7/32/265285_2.png) [@lonewolf7](https://forum.freecodecamp.org/u/lonewolf7)\
**Post date:** [June 20, 2022, 5:51am UTC](https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859/1 "2022-06-20T05:51:24Z")

</div>

**Tell us what’s happening:**

Not familiar with @keyframe. can anyone help me with this challenge?

Give `wave` four waypoints starting at `10%` , and incrementing by `10%` .  
**Your code so far**

@keyframes wave { }

**Challenge:** Step 96

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-96)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![lonewolf7](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lonewolf7/32/265285_2.png) [@lonewolf7](https://forum.freecodecamp.org/u/lonewolf7)\
**Post date:** [June 20, 2022, 7:51am UTC](https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859/2 "2022-06-20T07:51:33Z")

</div>

found the solution by myself.  
@keyframes wave {  
10% {top: ;}  
20% {top: ;}  
30% {top: ;}  
40% {top: ;}  
}

---

<div class="post-metadata">

**Author:** ![pinkvenommy](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pinkvenommy/32/306887_2.png) [@pinkvenommy](https://forum.freecodecamp.org/u/pinkvenommy)\
**Post date:** [August 31, 2022, 2:49pm UTC](https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859/3 "2022-08-31T14:49:42Z")

</div>

@keyframes wave {  
10% { }  
20% { }  
30% { }  
40% { }  
}

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [March 2, 2023, 2:50am UTC](https://forum.freecodecamp.org/t/you-should-add-a-10-waypoint-for-keyframes-wave/519859/4 "2023-03-02T02:50:28Z")

</div>

Closed on March 2, 2023, 2:50am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.