Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Tutorial, CSS, HTML

 
<div id="sombra">
  <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
 Ut diam metus, venenatis ullamcorper, consequat sit amet,
 volutpat at, nulla. Nulla sollicitudin metus.</div>
</div>

CSS 1º

#sombra {
  background: url("imagenes/sombra_grande.png") no-repeat 100% 100%;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 400px;
}
 
#sombra div {
  background: #FFF;
  width: 400px;
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}

CSS 2º

#sombra {
  background: url("imagenes/sombra_grande.png") no-repeat 100% 100%;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 400px;
}
 
#sombra div {
  background: #FFF;
  width: 400px;
box-shadow: 0 0 5px #888;
   
}

CSS 3º

#sombra {
  background: url("imagenes/sombra_grande.png") no-repeat 100% 100%;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 400px;
}
 
#sombra div {
  background: #FFF;
  width: 400px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
margin: 100px 50px;
   
}
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article