Squirry - SPIP 1.92 - Site de tests Version php utilisée actuellement : 5.6.31 Squirry - SPIP 1.92 - Site de tests Version php utilisée actuellement : 5.6.31
spip192.jermer.fr
Accueil du site > Outils > Ombre portée CSS3
Version php utilisée actuellement : 5.6.31

Ombre portée CSS3

lundi 7 septembre 2009


CSS3 Box Shadows (“box-shadow” property)

Exemple donné sur dynamicdrive.com

Code de cet exemple :

<style type="text/css">
.shadow2{
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
</style>

<div class="shadow2" style="width:500px; height:50px; padding:5px; background:navy; border: 1px solid black;"> </div>

Remarque, l’effet souhaité est obtenu sur :
Firefox 3.52
Chrome 2
Safari 4.0.3

et pas sur :
Opera 9.64
Internet Explorer 8
Flock 2.52

Sinon voir Plugin shadow pour Spip



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP

34 plugins actifs avec Spip 1.9.2o [19288]

En utilisant ce site, vous acceptez l’utilisation de cookies à des fins de personnalisation du contenu.


 
2009-09-07 22:14:42