---
id: 587d78a8367417b2b2512ae6
title: Animate Multiple Elements at Variable Rates
challengeType: 0
videoUrl: ''
localeTitle: Animar múltiples elementos a tasas variables
---
## Description
En el desafío anterior, cambiaste las tasas de animación para dos elementos animados similares al modificar sus reglas de @keyframes
. Puede lograr el mismo objetivo manipulando la animation-duration
de la animation-duration
de varios elementos. En la animación que se ejecuta en el editor de código, hay tres "estrellas" en el cielo que brillan al mismo ritmo en un bucle continuo. Para hacerlos brillar a diferentes velocidades, puede establecer la propiedad de animation-duration
la animation-duration
en diferentes valores para cada elemento.
## Instructions
Establezca la animation-duration
de la animation-duration
de los elementos con las clases star-1
, star-2
y star-3
en 1s, 0.9s y 1.1s, respectivamente.
## Tests
```yml
tests:
- text: La propiedad de animation-duration
para la estrella con clase star-1
debe permanecer en 1s.
testString: 'assert($(".star-1").css("animation-duration") == "1s", "The animation-duration
property for the star with class star-1
should remain at 1s.");'
- text: La propiedad de animation-duration
para la estrella con clase star-2
debe ser 0.9s.
testString: 'assert($(".star-2").css("animation-duration") == "0.9s", "The animation-duration
property for the star with class star-2
should be 0.9s.");'
- text: La propiedad de animation-duration
para la estrella con clase star-3
debe ser 1.1s.
testString: 'assert($(".star-3").css("animation-duration") == "1.1s", "The animation-duration
property for the star with class star-3
should be 1.1s.");'
```
## Challenge Seed
## Solution
```js
// solution required
```