Skip to content

Commit

Permalink
Fix typo in Keyframes section (#29084)
Browse files Browse the repository at this point in the history
  • Loading branch information
Maddily authored Nov 14, 2024
1 parent 9e13755 commit 1627b1f
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion advanced_html_css/animation/keyframes.md
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ Now it's time to introduce the shorthand notation for our animation properties a
}
```

Here we added another keyframe for when the `animation-duration` is at 50%, or 1 second. This means as well as the `background-color` changing to an additional value, we have also specified that the ball double in size. Just be aware that additional keyframes are always defined in percentages. Only the `0%/100%` values may use the `from/to` alias.
Here we added another keyframe for when the `animation-duration` is at 50%, or 1 second. This means as well as the `background-color` changing to an additional value, we have also specified that the ball doubles in size. Just be aware that additional keyframes are always defined in percentages. Only the `0%/100%` values may use the `from/to` alias.

Hopefully, this gives you a glimpse into the power the `@keyframes` syntax provides to you when it comes to controlling the animation of an element's properties. You can add keyframes whenever you want, control whatever CSS-animatable properties you want, and have the control to add some real creative flair to your website elements.

Expand Down

0 comments on commit 1627b1f

Please sign in to comment.