MyCodeLAB

Um pouco de mágica na web

[mycodelab-blog]

CSS3:: box-shadow;

Sintaxe:

box-shadow: x y blur shadowsize;

ou você pode ter várias sombras no mesmo elemento (inset:sombra interna e color:código da cor [hex, rgb, name] ) :

box-shadow: x y blur shadowsize color, inset x y blur shadowsize color;

Explanação:

ATRIBUTOS DA SOMBRA

INSET{ A sombra passa a ser interna }

X{Distanciamento horizontal da sombra}

Y{ Distanciamento vertical }

BLUR{ Nível de desfoque }

SHADOW SIZE{ Tamanho da sombra }

COLOR{ Código da cor }

Exemplo em funcionamento [imagem]

<< CHROME VERSION: 18.0 >>

.caixa{ background-color: #f62828; box-shadow: 0px 0px 0px 1px #cf1111, inset 0px 0px -1px #f66f6f, 0px 0px 8px #000; height: 150px; width: 150px; }

Veja a renderização no jsFiddle

[mycodelab-blog]

printf('

Hello World!');