---
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
## Solution
```js
// solution required
```