Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: C-ChacK en 29 de Octubre de 2010, 18:11:44 pm

Título: [CSS] Firefox - Opera - Chrome - IE
Publicado por: C-ChacK en 29 de Octubre de 2010, 18:11:44 pm

Hola, estoy intentando hacer un gradiente con CSS de esta forma:

Código: [Seleccionar]

background: #0099DD; /* old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099DD', endColorstr='#006BB3',GradientType=0 ); /* ie */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,#0099DD), color-stop(78%,#1E5799), color-stop(78%,#006BB3)); /* webkit */
    background: -moz-linear-gradient(top, #0099DD 78%, #1E5799 78%, #006BB3 78%); /* firefox */}
En Firefox/Chrome se ve correctamente pero en Opera/IE no!!

PD: Como puedo hacer para que box-shadow funcione en Chrome?
Utilizo esto:

Código: [Seleccionar]

-moz-box-shadow:0px 0px 10px #333333; /* firefox 3.6 */
box-shadow: 0px 0px 10px #333333; /* opera, firefox 4.0 */

Título: Re:[CSS] Firefox - Opera - Chrome - IE
Publicado por: Rastrillox en 29 de Octubre de 2010, 19:31:57 pm

Creo que para chrome es webkit-box-shadow...