Applied Visual Design (42/52) | Modify Fill Mode of an Animation | freeCodeCamp

Опубликовано: 29 Сентябрь 2024
на канале: Stral Tech
146
1

Applied Visual Design (42/52) | Modify Fill Mode of an Animation | freeCodeCamp

Full playlist 👉    • Applied Visual Design (1/52) | Create...  

Responsive Web Design Certification - Modify Fill Mode of an Animation

That's great, but it doesn't work right yet. Notice how the animation resets after 500ms has passed, causing the button to revert back to the original color. You want the button to stay highlighted. This can be done by setting the animation-fill-mode property to forwards. The animation-fill-mode specifies the style applied to an element when the animation has finished. You can set it like so: animation-fill-mode: forwards; Set the animation-fill-mode property of button:hover to forwards so the button stays highlighted when a user hovers over it.

https://www.freecodecamp.org/learn/re...