, чтобы сохранить свой прогресс
Анимация нескольких элементов при переменных значениях
В предыдущей задаче вы изменили скорость анимации для двух одинаково анимированных элементов, изменив их правила @keyframes
. Вы можете достичь той же цели, манипулируя animation-duration
нескольких элементов. В анимации, запущенной в редакторе кода, в небе есть три «звезды», которые мерцают с одинаковой скоростью в непрерывном цикле. Чтобы заставить их мерцать с разной скоростью, вы можете установить для свойства animation-duration
для разных значений для каждого элемента.
Установите animation-duration
элементов с классами star-1
, star-2
и star-3
на 1s, 0.9s и 1.1s соответственно.
/**
* Your test output will go here.
*/