Page 62 - Locaweb - Edição 35
Basic HTML Version
lw
programação
Uma descrição detalhada
da animação no CSS3 e
exemplos de uso podem
ser encontrados no
excelente w3schools
(
com/css3/css3_
animations.asp)
REFERÊNCIA
Aprendaa fazer aplicações sofisticadas comoCSS3, dispensandoo
usodeoutras ferramentaspesadas, comooFlash
Max Reinhold Jahnke
D
iversos
recursos foram
acrescentados
ao CSS3, como a
capacidade de usar
a própria linguagem
para fazer bordas e
animações bonitas,
sem o uso de imagens
ou Javascript. Além
disso, também houve
melhorias na organização
Tutorial
Antes de começar, é
importante salientar que
é necessário usar uma
versão atualizada de Firefox,
Chrome ou Safari. Alguns
dos recursos de animação
não foram implementados
nos outros navegadores,
como Opera e Internet
Explorer. Além disso, por
causa da crise dos prefixos,
usamos o script PrefixFree
que detecta qual navegador
está sendo usado e quais
propriedades precisam
do prefixo do navegador.
Assim, o tutorial fica mais
da linguagem: o CSS3
foi quebrado em vários
módulos pequenos,
cada um com uma
especialidade, e com
a possibilidade de que
novos módulos sejam
adicionados. E o mais
importante: foi mantida
a compatibilidade com o
CSS2.
O CSS3 evoluiu tanto
que hoje em dia é possível
fazer aplicações sofisticadas
sem o uso de outras
ferramentas ou linguagens,
além do HTML, é claro. Por
exemplo, há alguns anos,
para colocar um cronômetro
em um site era necessário
usar Flash. Passado algum
tempo, já era possível
fazer uma implementação
mais leve, combinando
recursos do Flash com os do
Javascript. Hoje, é possível
fazer a mesma aplicação
usando somente HTML e
CSS. E é justamente um
cronômetro que vamos
aprender a fazer hoje.
OCSS3 foi quebradoem
módulospequenos, cada
umcomsuaespecialidade
Serviço:
Tutorial CSS
Nível técnico:
Iniciante/
Intermediário
/Profissional
Umcronômetro
emquatropassos
62
locaweb
