Función RGBA

Hasta este momento hemos declarado todos nuestros colores como sólidos, usando números hexadecimales o la función rgb() para números decimales. CSS3 ha agregado una nueva función llamada rgba() que simplifica la declaracion de colores y transparencias, solucionando además un problema causado por una propiedad tradicional de CSS llamada opacity.

La función rgba() tiene cuatro atributos. Los primeros tres valores son los mismos que para la función rgb() y declaran simplemente la combinación de colores. El último valor determina la opacidad. Este valor puede variar de 0 a 1, con 0 como totalmente transparente y 1 como totalmente opaco.

@charset "utf-8";

/* CSS Document */

body {

text-align:center;

}

#inicio{

display:block;

width: 500px;

margin: 50px auto;

padding: 15px;

border: 1px solid #999999;

background: -webkit-radial-gradient(35px 60px, ellipse, #FFFFFF 55%, #666666 75%, #999999 95%);

background: -moz-radial-gradient(35px 60px, ellipse, #FFFFFF 55%, #666666 75%, #999999 95%);

}

#titulo{

font: bold 36px NuevaLetras, verdana, sans-serif;

text-shadow: rgba(193,18,18,0.7) 5px 5px 10px;

}