CSS

Bordes con sombras en CSS

-Una de las formas más llamativas de decorar nuestros botones, cajas o cuadros de texto en CSS en incluirle una sombra a los bordes.

Estableciendo unos parámetros en nuestra código de estilo podremos poner una sombra en los bordes y variar su color y tamaño. Podemos hacer que estas sombras se encuentren en el interior o exterior con los siguientes códigos CSS:

Bordes con Sombras Interiores
box-shadow: inset 0 0 10px #444444;

bordes con sombras css

 

Bordes con Sombras Exteriores
box-shadow: 0 0 10px #444444;

bordes exteriores e interiores con sombras css

 

Jugando con los valores en px podemos hacer más o menos pronunciado el efecto.

Publicaciones relacionadas

Botón volver arriba