Podemos adicionar movimento às nossas páginas web. As transformações modificam a forma e a posição de um elemento sem afetar o restante da página. Assim, seremos capazes de criar os seguintes efeitos:

Podemos adicionar escala aos elementos:

Podemos adicionar rotação aos elementos:

Podemos adicionar translação aos elementos:

Podemos adicionar inclinação aos elementos:

Nota

Todos esses efeitos são obtidos com a ajuda de uma única propriedade - transform, utilizando diferentes valores. Também é importante mencionar que animation e @keyframe foram adicionados apenas para mostrar a diferença entre o estado inicial e o estado final do elemento. Isso não significa que transform é utilizado apenas com algumas animações. Todos os efeitos serão abordados em detalhes nos próximos capítulos.