---
id: 587d78a8367417b2b2512ae5
title: Animate Elements at Variable Rates
challengeType: 0
videoUrl: ''
localeTitle: Animar elementos a tasas variables
---
## Description
Hay una variedad de formas de alterar las tasas de animación de elementos animados similares. Hasta ahora, esto se ha logrado mediante la aplicación de una propiedad de animation-iteration-count
y la configuración de reglas de @keyframes
. Para ilustrar, la animación de la derecha consta de dos "estrellas" que disminuyen de tamaño y opacidad en la marca del 20% en la regla @keyframes
, que crea la animación de @keyframes
. Puede cambiar la regla @keyframes
para uno de los elementos para que las estrellas parpadeen a diferentes velocidades.
## Instructions
Modifique la tasa de animación del elemento con el nombre de clase de star-1
cambiando su regla @keyframes
al 50%.
## Tests
```yml
tests:
- text: La regla @keyframes
para la clase star-1
debe ser del 50%.
testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The @keyframes
rule for the star-1
class should be 50%.");'
```
## Challenge Seed
## Solution
```js
// solution required
```