--- id: 587d78a8367417b2b2512ae5 title: Animate Elements at Variable Rates challengeType: 0 videoUrl: '' localeTitle: Анимационные элементы по переменным ценам --- ## Description
Существует множество способов изменить скорость анимации похожих анимированных элементов. До сих пор это было достигнуто путем применения свойства animation-iteration-count и установки правил @keyframes . Чтобы проиллюстрировать, анимация справа состоит из двух «звезд», каждая из которых уменьшает размер и непрозрачность на 20% в правиле @keyframes , что создает анимацию мерцания. Вы можете изменить правило @keyframes для одного из элементов, чтобы звезды мерцали с разной скоростью.
## Instructions
Измените коэффициент анимации для элемента с именем класса star-1 , изменив его правило @keyframes на 50%.
## Tests
```yml tests: - text: Правило @keyframes для класса star-1 должно быть 50%. testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The @keyframes rule for the star-1 class should be 50%.");' ```
## Challenge Seed
```html
```
## Solution
```js // solution required ```