---
id: 587d78a8367417b2b2512ae6
title: Animate Multiple Elements at Variable Rates
challengeType: 0
videoUrl: ''
localeTitle: Animar vários elementos a taxas variáveis
---
## Description
No desafio anterior, você alterou as taxas de animação para dois elementos animados semelhantes, alterando suas regras @keyframes
. Você pode atingir o mesmo objetivo manipulando a animation-duration
da animation-duration
de vários elementos. Na animação em execução no editor de código, há três "estrelas" no céu que piscam na mesma taxa em um loop contínuo. Para fazê-los brilhar em taxas diferentes, você pode definir a propriedade de animation-duration
da animation-duration
com valores diferentes para cada elemento.
## Instructions
Defina a animation-duration
da animation-duration
dos elementos com as classes star-1
, star-2
e star-3
a 1s, 0.9s e 1.1s, respectivamente.
## Tests
```yml
tests:
- text: A propriedade de animation-duration
para a estrela com classe star-1
deve permanecer em 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: 'A propriedade de animation-duration
para a estrela com classe de star-2
deve 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: A propriedade de animation-duration
para a estrela com classe star-3
deve 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
```