---
id: 58a7a6ebf9a6318348e2d5aa
title: Modify Fill Mode of an Animation
challengeType: 0
videoUrl: ''
localeTitle: Modificar el modo de relleno de una animación
---
## Description
Eso es genial, pero no funciona bien todavía. Observe cómo se restablece la animación después de que hayan transcurrido 500ms
, lo que hace que el botón vuelva al color original. Desea que el botón quede resaltado. Esto se puede hacer configurando la propiedad de animation-fill-mode
en forwards
. La animation-fill-mode
especifica el estilo aplicado a un elemento cuando la animación ha finalizado. Puedes configurarlo así: animation-fill-mode: forwards;
## Instructions
Establezca la propiedad de animation-fill-mode
del button:hover
hacia forwards
para que el botón permanezca resaltado cuando un usuario se desplace sobre él.
## Tests
```yml
tests:
- text: 'button:hover
debe tener una propiedad de animation-fill-mode
con un valor de forwards
.'
testString: 'assert(code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi), "button:hover
should have a animation-fill-mode
property with a value of forwards
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```