Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kher

Como criar efeito de risco em profundidade em menu

Recommended Posts

Galera esse efeito (exemplo abaixo) de risco em profundidade muito usado para demarcar divisórias tem algum nome específico para que eu possa procurar? Alguma dica para criar? Tentei criar duas linhas de 1px, uma com cor um pouco mais forte que o fundo e outra, ao lado, branca, com um pouco de transparência...mas não ficou legal ainda, gostaria de aprimorar

 

http://images.sixrevisions.com/2009/04/05-01_torranceweb.jpg

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa, tudo bom?

Eu acho que isso vai dar mais ou menos o que você deseja, mas é como nosso amigo acima falou, você precisa da tonalidade perfeita, ou não vai ficar bom.

 

border:1px solid rgba(0,0,0,0.3);
-webkit-box-shadow:rgba(255,255,255,0.1) 0 1px 0 inset;
-moz-box-shadow:rgba(255,255,255,0.1) 0 1px 0 inset;
box-shadow:rgba(255,255,255,0.1) 0 1px 0 inset;

Espero ter ajudado.

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

valeu, o segredo está na tonalidade mesmo: o mais difícil! mas como imagem, usando uma outra linha ao lado, na cor branca e uma transparência fica bem melhor

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.