Instruções

Passo 21

A propriedade animation-iteration-count define quantas vezes sua animação deve repetir. Isso pode ser definido como um número, ou como infinite para repetir indefinidamente a animação. Sua roda-gigante nunca deve parar, então defina o seletor de .wheel para ter um animation-iteration-count definido como infinite. A propriedade animation-timing-function define como a animação deve progredir ao longo do tempo. Existem alguns valores diferentes para essa propriedade, mas você quer que a animação da roda-gigante funcione com a mesma taxa de início a fim. Defina animation-timing-function como linear no seletor.wheel.

O que fazer:

Testes:

  • O seletor `.wheel` deve ter a propriedade `animation-iteration-count` definida para `infinite`.
  • O seletor `.wheel` deve ter a propriedade `animation-timing-function` definida para `linear`.

Preview