From 1627b1f7be13013539ea11b9d5c6a6ce0254e7e0 Mon Sep 17 00:00:00 2001
From: Mayada <115709272+Maddily@users.noreply.github.com>
Date: Thu, 14 Nov 2024 15:25:31 +0300
Subject: [PATCH] Fix typo in Keyframes section (#29084)

---
 advanced_html_css/animation/keyframes.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/advanced_html_css/animation/keyframes.md b/advanced_html_css/animation/keyframes.md
index 5e5158a19d..abb02dbeb2 100644
--- a/advanced_html_css/animation/keyframes.md
+++ b/advanced_html_css/animation/keyframes.md
@@ -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.