Criar minha primeira campanha
Glossário · Animação

Keyframe

Quadro-chave: um momento da animação em que se define como um elemento aparece; entre dois keyframes, o navegador calcula o movimento.

Em detalhe

Em uma animação você define apenas os momentos importantes (o elemento aparece, chega ao seu lugar, desaparece) e o navegador preenche o que fica no meio. Esses momentos são os keyframes.

Em CSS são escritos com @keyframes. Com JavaScript, a Web Animations API (elemento.animate()) aceita a mesma lista de momentos e uma duração, por exemplo “mova isto durante 0,6 segundo”.

Exemplo
@keyframes entra { from { opacity: 0 } to { opacity: 1 } }

Termos relacionados

EasingSpriteDesenho de traço

Onde aparece

Como preparar um banner HTML5 para o ad serverGuia
Voltar ao glossário

Coloque os termos em prática.

Experimente com uma campanha real.

Criar minha primeira campanhaVer preços