#efeito css3

[Tutorial] Como criar um Menu Dropdown com apenas CSS

Este tutorial ensina a como criar um menu Dropdown com apenas recursos do CSS 3. Veja abaixo o resultado final:

//jsfiddle.net/7ojkaybf/11/embedded/result,html,css/

O menu que vamos criar é composto de 3 níveis, título principal, sub categoria e sub-sub categoria. Uma vez que passar o mouse por cima do título, automaticamente é disparado o evento :hover que mostrará as sub categorias. A primeira…

Criando um efeito de zoom apenas com CSS3

Um simples efeito que valoriza o conteúdo do site, a dica de hoje é para criar um efeito de zoom quando se passar o mouse por cima da imagem (hover). Abaixo segue um exemplo do resultado final.

EXEMPLO

.hoverzoom * {box-sizing:border-box;} .hoverzoom { position: relative; width: 350px; overflow: hidden; height: 260px; margin-bottom: 25px;}.hoverzoom > img { width: 100%; border-radius: 2px;…