---
id: 587d78a8367417b2b2512ae6
title: Animate Multiple Elements at Variable Rates
challengeType: 0
videoUrl: ''
localeTitle: Анимация нескольких элементов при переменных значениях
---
## Description
В предыдущей задаче вы изменили скорость анимации для двух одинаково анимированных элементов, изменив их правила @keyframes
. Вы можете достичь той же цели, манипулируя animation-duration
нескольких элементов. В анимации, запущенной в редакторе кода, в небе есть три «звезды», которые мерцают с одинаковой скоростью в непрерывном цикле. Чтобы заставить их мерцать с разной скоростью, вы можете установить для свойства animation-duration
для разных значений для каждого элемента.
## Instructions
Установите animation-duration
элементов с классами star-1
, star-2
и star-3
на 1s, 0.9s и 1.1s соответственно.
## Tests
```yml
tests:
- text: Свойство animation-duration
для звезды с классом star-1
должно оставаться на уровне 1 с.
testString: 'assert($(".star-1").css("animation-duration") == "1s", "The animation-duration
property for the star with class star-1
should remain at 1s.");'
- text: 'Свойство animation-duration
для звезды с классом star-2
должно быть 0,9 с.'
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: 'Свойство animation-duration
для звезды с классом star-3
должно быть 1,1 с.'
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
```