Posts

Masonry apenas com CSS3

Estilo Masonry apenas com CSS3

Neste tutorial você vai aprender a aplicar uma grid no estilo Masonry apenas com CSS3, sem a necessidade de bibliotecas JavaScript ou qualquer outro código. O problema com este modelo é que o layout só irá funcionar perfeitamente em…
CSS3 Logo

Sistema de abas com CSS3

Veja como criar um sistema de abas com CSS3 e HTML, nada de JavaScript ou jQuery. Essa é uma tática avançada que vai funcionar em navegadores mais modernos.

Posicione o logo entre o menu (ul li) com seletor CSS3 nth-child()

Sites têm adicionado o logo entre os links do menu para o layout ficar mais legal. Faça isso usando o seletor CSS3 nth-child() em um menu de lista ul li a.
CSS Box Model

CSS Box Model – Entenda como funciona

Entenda o CSS Box Model, que determina como as propriedades border, width, height, padding e margin se relacionam para gerar o tamanho final de um elemento.
CSS3 Animations

CSS3 Animations: Animações em CSS

CSS3 Animations devem estar entre nós há algum tempo e já está na hora de colocar mais pimenta no seu layout as utilizando. Veja como são fáceis de criar...
Use vídeo como background em HTML e CSS
,

Use vídeo como background em HTML e CSS

Veja como é simples utilizar vídeo como background em HTML e CSS. Claro que isso deverá pesar um pouco mais o site, mas pode fazer seu layout se destacar.
Sass logo

Aprenda sass e escreva CSS com mais facilidade

Quer ter variáveis, funções, laços e muito mais no seu CSS? Então aprenda sass gratuitamente. Falaremos sobre a maioria das opções sass em texto e vídeo.
Seletores CSS Avançados

Seletores CSS avançados

Neste artigo falarei sobre seletores CSS avançados. Vou sair um pouco da rotina das classes, IDs e nomes de elementos, e aprofundarei bastante no assunto.
Seletor CSS3 nth-child

Seletor CSS3 nth-child

nth-child é capaz de selecionar um elemento dentre uma lista de elementos utilizando sua posição numérica. Da até para selecionar elementos pares e ímpares.
iHover: Pacote com efeitos de puro CSS3

iHover: Pacote com efeitos de puro CSS3

iHover é um pacote com efeitos de puro CSS3 para imagens. São mais de 30 efeitos diferentes que você pode adicionar aos seus documentos sem nenhum esforço.