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.
Muitas pessoas que estão começando agora com CSS não sabem que existe uma forma “curta” de declarar os valores para a propriedade font das CSS, onde muitas vezes acabam escrevendo várias linhas de código que ao meu ver são desnecessárias. Para auxiliar essas pessoas, acabei encontrando um Cheat Sheet que nos auxilia a como escrever declarações curtas na propriedade font das 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:
Imagine a seguinte situação: Você precisa centralizar uma imagem dentro de um box maior que a imagem e com dimensões atribuídas, caso você insira a imagem via CSS, é fácil daixá-la centralizada, mas isso não é possível quando estamos utilizando a tag <img>
Você poderia simplesmente fazer o seguinte:
Mas o grande problema é que você pode ter imagens no formato retrato e paisagem, imagine uma galeria de fotos com fotos de diferentes tamanhos, você teria que definir um CSS para cada imagem para que elas ficassem centralizadas.
