Questionário sobre animações no CSS

Qual é o propósito da propriedade transform no CSS?

Como a propriedade CSS animation-direction afeta uma animação?

Qual propriedade CSS faz uma animação rodar 3 vezes?

Qual função de tempo CSS faz uma animação rodar em uma velocidade constante do início ao fim?

O que a regra @keyframes define em CSS?

Qual é o propósito da função translateX() no CSS?

Qual das seguintes opções NÃO é uma preocupação potencial com animações CSS?

Onde a regra @keyframes está definida?

Qual propriedade CSS permite pausar e retomar uma animação?

Qual valor deve ser atribuído à propriedade animation-name no CSS?

O que essa regra @keyframe faz no elemento animado?

@keyframes animation {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(100px);
  }
}

Qual propriedade CSS define como uma animação progride ao longo do tempo?

Qual propriedade CSS é usada para especificar que uma animação deve levar 5 segundos para ser concluída?

O que 50% representa na seguinte regra @keyframe do CSS?

@keyframes animation {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(25px);
  }
  100% {
    transform: translateX(100px);
  }
}

O que acontecerá quando a propriedade transform: translateX(200px); for aplicada?

Como a animação se comportará se animation-iteration-count estiver definido como infinite?

Qual seletor @keyframes especifica o ponto de partida de uma animação?

Quais propriedades podem ser especificadas usando a propriedade CSS abreviada animation?

Qual propriedade CSS é usada para aplicar uma animação definida pela regra @keyframes?

Qual propriedade CSS permite definir um tempo antes de a animação começar?

O que a propriedade CSS animation-delay faz?

Qual propriedade de animação especifica como o elemento deve ser estilizado antes e depois da animação?

Por que as animações CSS devem ser usadas com moderação?

Qual propriedade de animação determina se a animação deve ser executada para frente, para trás ou alternadamente?

Qual consulta de mídia CSS detecta se o usuário solicitou animações ou efeitos de movimento mínimos?

Qual propriedade define quantas vezes uma animation se repete?

Qual regra CSS é usada para definir os estágios e estilos de uma animação em vários pontos durante sua duração?

Dentro da media query reduced‑motion, qual declaração desativa as transições?

O que a propriedade animation-play-state permite que você faça?

Qual das seguintes opções é uma boa prática ao trabalhar com animações?

Por que a declaração !important é usada nas regras CSS?

O que animation-iteration-count: 1 !important; garante no CSS?

Qual propriedade CSS é usada para especificar quanto tempo uma animação deve levar para ser concluída?

Qual propriedade NÃO faz parte do atalho animation?

O que a regra @keyframes define?

O que essa regra @keyframe faz no elemento animado?

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

Em uma regra de keyframes, o que 100% representa?

Qual propriedade controla o ritmo de uma animation durante sua duração?

O que os desenvolvedores devem considerar ao implementar animações para manter a acessibilidade?

Qual das seguintes é a sintaxe correta para deslizar um elemento da esquerda?

Questionário sobre animações no CSS

Concluído!