Como hacer una sombra con CSS3 (Box-shadow)

Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background.

Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artí­culo, veremos como implementar este efecto para que sea compatible con todos los navegadores (Mozilla Firefox, Safari, Chrome, Internet Explorer, etc…).

Vamos directo a la materia:

Continuar leyendo

Compartir

Como resetear el CSS de los navegadores para que no alteren tus estilos

Para que nuestro código CSS sea lí­mpio y afecte de igual manera en todos los navegadores, lo primero que tenemos que hacer es resetear el CSS propio de cada navegador.

Esto hará que nos ahorremos un montón de problemas en la maquetación de nuestra web.

Para ello solo tienes que incluir este código al principio de tu hoja de estilos CSS principal:

Continuar leyendo

Compartir