Alterar a cor da borda em torno da caixa de correio ao passar o mouse (efeito 3D)

Criar um efeito "3D" na caixa de correio quando o visitante passa o rato sobre ela.

CSS:

Este snippet cria uma borda preta de 5px ao redor do Post.

#cff .cff-item.cff-box {
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

Este snippet cria uma borda cinzenta de 1 pixel à volta do Post ao passar o rato, dando um efeito 3D.

#cff .cff-item.cff-box:hover {
box-shadow: 0 0 0 1px gray;
-moz-box-shadow: 0 0 0 1px gray;
-webkit-box-shadow: 0 0 0 1px gray;
}

O número a vermelho corresponde ao tamanho da sombra

O número azul é a opacidade ou "escuridão" da sombra

apoio

Não encontrou a sua resposta nos documentos?

Apoio ao contacto

Este artigo foi útil?