В предыдущем задании вы изменили скорость анимации для двух одинаково анимированных элементов, изменив их правила @keyframes. Вы можете достичь того же результата, управляя продолжительностью анимации нескольких элементов.
В анимации, запущенной в редакторе кода, есть три звезды в небе, которые мерцают с одинаковой частотой в непрерывном цикле. Чтобы заставить их мерцать с разной скоростью, вы можете установить свойство animation-duration на разные значения для каждого элемента.
Задание:
- Свойство animation-duration для звезды с классом star-1 должно оставаться равным 1s.
- Свойство animation-duration для звезды с классом star-2 должно быть равным 0.9s.
- Свойство animation-duration для звезды с классом star-3 должно быть равным 1.1s.