CSS3 Que hay de nuevo

Bordes redondeados

Para Mozilla Firefox utilizmamos el siguiente código.
-moz-border-radius: 10px;

Para Safarí y Chrome:
-webkit-border-radius: 10px;

Y para Internet Explorer 9 Beta:
border-radius: 10px;

El código anterior redondea las cuatro esquinas y si solo se quiere redondear algunas de ellas se usa el siguiente código.
border-radius: 10px 0px 10px 0px;

Sombras

box-shadow: 5px 5px 6px #ccc; /*Internet Explorer 9 Beta*/
-webkit-box-shadow: 5px 5px 6px #ccc; /*Safari y Chrome*/
-moz-box-shadow: 5px 5px 5px #ccc; /*Firefox*/

Color de fondo con transparencia

color: rgb(235,235,235);
color: rgba(255,255,255,0.75);
background-color: rgb(153,153,153);
background-color: rgba(0,0,0,0.5);
border-color: rgb(235,235,235);
border-color: rgba(255,255,255,0.65);

Las transparencias son válidas en Safari, Firefox y Chrome.

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s