Cómo utilizar RGB en CSS3 para un efecto de sombra

CSS3 es un nuevo tipo de lenguaje de hojas de estilo diseñado para clasificar las cubiertas de las especificaciones CSS anteriores en documentos separados llamados "módulos". Estos módulos mejorar y añadir nuevas capacidades a la especificación anterior. Un tal mejora es en la zona de los bordes de los objetos. Con CSS3, ahora se puede añadir sombras a los objetos y contenedores, especificando los valores para el color, el tamaño, la falta de definición y el desplazamiento de las sombras. Al asignar el color de la sombra, se puede utilizar cualquiera de los valores RGB o hexadecimal.

Instrucciones

1 Abra la página web con el elemento al que desea añadir un efecto de sombra en su editor de texto preferido.

2 Inserte el siguiente código en la etiqueta del elemento al que desea añadir un efecto de sombra:

style = "- moz-box-shadow: 5px 5px RGB (0,0,0); -webkit-box-shadow: 5px 5px RGB (0,0,0); box-shadow: 5px 5px rgb (0,0 , 0); "

3 Añadir los valores de rojo, verde y azul, respectivamente, para cada una de las tres instancias de 0,0,0, y la profundidad deseada de tu sombra para cada instancia de 5px.

4 Guardar y publicar su página web. Su elemento tendrá ahora una sombra que se extiende por debajo de ella ya su derecha en el color RGB que ha especificado.