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

 

   Sombra multicolor


<div class="sombra"><img style="border: 2px solid #fff; -webkit-border-radius: 1em/1em; -moz-border-radius: 1em/1em; border-radius: 1em/1em; box-shadow: 3px 2px 6px #000000;" src="https://lh6.googleusercontent.com/-aCSnJVK3FoQ/VJ2J1EwVbEI/AAAAAAABTMU/wwhJCTvM6eY/w216-h290-no/1-216x290.gif" alt="" width="145" height="229" /></div>
<style><!--
.sombra {
border: 2px solid #fff;
border-radius: 1em/1em;

box-shadow: none;
filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false); }
.sombra:hover {
width: 148px;
height: 236px;

webkit-box-shadow: 0 0 25px #CA008B, 3px 4px 20px #5A00CA, -3px 4px 25px #00CA92, -3px -3px 25px #00CA6E, 3px -3px 25px #CABC00,3px 3px 25px #CA3D00,-3px -3px 25px #00CAC4;
moz-box-shadow: 0 0 25px #CA008B, 3px 4px 20px #5A00CA, -3px 4px 25px #00CA92, -3px -3px 25px #00CA6E, 3px -3px 25px #CABC00,3px 3px 25px #CA3D00,-3px -3px 25px #00CAC4;
box-shadow:0 0 25px #CA008B, 3px 4px 20px #5A00CA, -3px 4px 25px #00CA92, -3px -3px 25px #00CA6E, 3px -3px 25px #CABC00,3px 3px 25px #CA3D00,-3px -3px 25px #00CAC4;

>filter: progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5,enabled=true);
}
--></style>

 

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article