Novas ferramentas de projeto e novos estilos com CSS3
CSS3 faz efeitos gráficos mais barato e mais fácil para criar, mais rápido para baixar em páginas da web, e mais acessível em todos os tipos de ambientes e motores de busca.
Por exemplo, o texto distorcidos (e encerrando caixa de texto distorcidos) na seguinte não é um graphic- é o texto que você pode copiar, e é indexado (Ou colocado em um banco de dados) pelos motores de busca, pode ser lido em voz alta se fala software é instalado em um sistema de navegador ou operacional, e não tem que baixar em uma página.

Judiciosamente empregado, animação e interatividade com CSS3 pode trazer uma página para a vida, acrescentando dinamismo e energia. Mas, como qualquer técnica de design, efeitos CSS3 e transformações pode ser exagerado. O ponto é este: Apenas porque os efeitos e transformações agora são fáceis de criar, sem qualquer software, isso não significa que você deve carregar suas páginas com efeitos gratuitas.
A caixa distorcido e círculo aqui pode pegar o olho e dar tratamento formatação anteriormente disponível apenas como uma imagem gráfica ou Flash.

Aqui estão as duas técnicas básicas para animar e fazer efeitos CSS3 interativo:
Usando pseudo-classes: Uma técnica baseia-se em associar efeitos CSS3 e transforma com CSS pseudo-classes. Um link pairou representa a forma mais simples de CSSinteractivity com um efeito como sublinhado ou causar uma cor de fundo a aparecer quando um link é passado sobre.
Combinando CSS3 com javascript: Uma técnica para a gestão de interatividade e animação com estilos CSS3 (ou quaisquer outros estilos) está combinando CSS3 com javascript.