Galeria de imagens com CSS3

Postado por: Pedro Rogério em
Galeria de imagens com CSS3

Nesse tutorial vou mostrar como desenvolver uma galeria de imagens com a pseudo-classe :target das CSS3. A Pseudo-classe :target tem como função alterar os estilos do elemento alvo, já fiz outros tutoriais sobre o assunto, portanto, não vou me alongar explicando os benefícios de utilização dessa pseudo-seletor.

Eu não sou o autor original dessa galeria, acabei a encontrando no site VirtuousWeb e acabei efetuando algumas alterações para que a mesma funcionasse no Internet Explorer.

Continuar lendo »

Animação de um Carro com CSS3

Postado por: Pedro Rogério em
Animação de um Carro com CSS3

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:

Continuar lendo »

CSS Font Cheat Sheet

Postado por: Pedro Rogério em

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:

CSS Font Cheat Sheet

Continuar lendo »

Páginas:«123456789...28»