---
id: 587d78a8367417b2b2512ae5
title: Animate Elements at Variable Rates
challengeType: 0
videoUrl: ''
localeTitle: Elementos animados em taxas variáveis
---
## Description
Há várias maneiras de alterar as taxas de animação de elementos animados de maneira semelhante. Até agora, isso foi alcançado aplicando uma propriedade de animation-iteration-count
e definindo regras @keyframes
. Para ilustrar, a animação à direita consiste em duas "estrelas", cada uma diminuindo de tamanho e opacidade na marca de 20% na regra @keyframes
, que cria a animação de brilho. Você pode alterar a regra @keyframes
de um dos elementos para que as estrelas brilhem em taxas diferentes.
## Instructions
Altere a taxa de animação do elemento com o nome da classe de star-1
alterando sua regra @keyframes
para 50%.
## Tests
```yml
tests:
- text: A regra @keyframes
para a classe star-1
deve ser de 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
```