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