, чтобы сохранить свой прогресс
Анимационные элементы по переменным ценам
Существует множество способов изменить скорость анимации похожих анимированных элементов. До сих пор это было достигнуто путем применения свойства animation-iteration-count
и установки правил @keyframes
. Чтобы проиллюстрировать, анимация справа состоит из двух «звезд», каждая из которых уменьшает размер и непрозрачность на 20% в правиле @keyframes
, что создает анимацию мерцания. Вы можете изменить правило @keyframes
для одного из элементов, чтобы звезды мерцали с разной скоростью.
Измените коэффициент анимации для элемента с именем класса star-1
, изменив его правило @keyframes
на 50%.
/**
* Your test output will go here.
*/