Gradiente Radial

Para este caso usamos la función radial-gradiente(), e incluimos un parámetro para la forma, que pueden ser, circle o ellipse.

@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(center, ellipse, #FFFFFF, #666666);

background: -moz-radial-gradient(center, ellipse, #FFFFFF, #666666);

}

#titulo{

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

}

El resto de la función trabaja igual que linear-gradient().

@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;

}