16 de julio de 2011

Sombras usando sólo CCS3

Para lograr el efecto de sombra en el siguiente texto, usando únicamente CSS3, usé el siguiente código:


<style>.sombra {
  box-shadow: 0px 0px 50px 10px #ddd;

  width: 400px;
  margin: 0 70px;
  padding: 30px;
  background: lightyellow;
  border: 1px solid #aaa;
}
</style>
La propiedad box-shadow es soportada por los navegadores Internet Explorer 9+, Firefox 4, Chrome, y Opera. El navegador Safari soporta la propiedad alternativa -webkit-box-shadow. Creo que es mejor usar CSS3 estandar, y no utilizar propiedades propietarias. Además, cuando se trate de funcionalidad o apariencia que no sea esencial, olvidar a los navegadores de versiones muy viejas.


No hay comentarios.:

Publicar un comentario