Com CSS3 será possível criar pequenas animações através de HTML e CSS usando a propriedade transition. Partindo desse princípio, o desenvolvedor Koller Jürgen criou uma simples animação de um carro que “passeia” pela tela quando o usuário coloca o mouse sobre ele. O código é muito simples e bastam apenas 2 imagens para obter o resultado final:
Pra quem duvidava do que o CSS era capaz, já mostrei aqui o desenvolvimento do logo do Opera somente com CSS. E dessa vez, o desenvolvedor Sean Martell criou uma gota de chuva com puro CSS. Ou se prefirir, o logo do aplicativo da Mozilla com puro CSS.
A cada dia fico mais surpreendido com o que os desenvolvedores andam aprontando com CSS. E dessa vez um desenvolvedor chamado David Dessandro desenvolveu o logo do Opera totalmente com HTML e CSS3. O que fico impressionado é que a marcação HTML é muito simples:
ie-css3.js é uma biblioteca JavaScript que permite ao Internet Explorer identificar os Pseudo-seletores CSS3 e aplique estilos aos mesmos em sua página. Sua utilização é muito simples, basta incluir o arquivo JavaScript em sua página que você já pode começar a utilizar os seletores CSS3.
Esse template extremamente simples nos mostra um pouco do que poderemos utilizar futuramente da CSS3, principalmente em se tratar de bordas arredondadas e fontes que não estão instaladas no PC do usuário. Ele funciona corretamente em browsers como o Firefox 3.5+ e Safari 4+. Nos browsers que não suportam essa especificação, ocorre uma pequena degradação no layout, mas nada que impeça ele de ser usado.
Download. Vi no site allcreatives.net.
