Ombre image html

Bonjour,

Voici le code pour rajouter une ombre à un élément (div, paragraphe, image, etc), à mettre dans le fichier de style CSS:

img#IDIMAGE{
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c8c5c5')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c8c5c5');
}

remplacer IDIMAGE par l'identifiant donné à l'image. Ou la classe, si y'a plus qu'une image (<img src="...." id="IDIMAGE">).

Et remplacer les valeurs en pixel et autre pour modifier la taille, opacité, couleur et position de l'ombre.
Normalement ça marche pour la plupart des navigateurs, un exemple en action ici:

http://www.pitance-construction.fr/
(en bas, dans le bloc "nos réalisations")

Olivier

Salut,
Pourquoi ne pas utliser directement un logiciel d'édition d'image???

je l'ai, mais je voudrai le programmer , c'est mieux, lol

Sinon tu peux aller sur ce site, tu pourra modifier tes images et photos, et y ajouter des ombres ou tout autre chose ;-)

Voici la liste des outils disponibles :

- Redimensionnement des images avec taille personnalisée et conservation des proportions
- Ajout d'un label ou texte sur l'image
- Réalisation de coins arrondis avec taille définie en pixels
- Réalisation d'un cadre autour de l'image avec l'ajout possible d'un label en bas du cadre
- Faire une rotation de l'image en degrees
- Création d'une ombre sur la photo

http://www.hebergement-photo.fr