Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17583
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Funcionamento do box shadow inset CSS

14-06-2013 22:25

Para quem não conhece, o box-shadow permite adicionar bordas aos elementos.

É possível passar 4 valores para o inset, quando se usa box-shadow.

inset v1px v2px v3px v4px cor

Como podem observar, pode se passar em pixels 4 valores, mais a cor da borda.

Os dados que não necessitar ter borda, usar 0px.

v1 = borda interna da esquerda
v2 = borda interna do topo
v3 = borda interna de todos os lados, tipo esmaecer
v4 = essa borda é a mesma que a v3, só que sem o efeito esmaecer.

Segue um exemplo de uso

<style> .barra{ padding:10px 10px; background-color:#cccccc; border:1px solid #bbbbbb; box-shadow: inset 0px 0px 0px 1px #ffffff;  } </style>


<div class="barra"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado