Entassement des créations d'Aëlys
 
Colorful Bubble Elegance Temptation Elegance Design GFX-Art
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-39%
Le deal à ne pas rater :
Pack Home Cinéma Magnat Monitor : Ampli DENON AVR-X2800H, Enceinte ...
1190 € 1950 €
Voir le deal

Partagez
 

 {CSS & HTML] Changer l'opacité d'une image au survol de la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Aëlys
.Hakuna Matata ~
.Hakuna Matata ~
Aëlys

Informations personnelles

Féminin
Âge : 32


Messages : 178
Date d'inscription : 03/06/2009
Localisation : Dans mes logiciels !


{CSS & HTML] Changer l'opacité d'une image au survol de la souris Empty
MessageSujet: {CSS & HTML] Changer l'opacité d'une image au survol de la souris   {CSS & HTML] Changer l'opacité d'une image au survol de la souris EmptySam 22 Jan - 15:57

« Partie CSS »

Code:
#truc img {
    opacity: 0.8;
    }

#truc img:hover {
    opacity: 1;
    }

truc est le nom que j'ai donné à la zone où les images doivent changer d'opacité. Bien sûr, vous pouvez mettre ce que vous voulez, du moment qu'il n'y a ni accent ni espace.
0 correspond à l'invisibilité
1 correspond à l'opacité


« Partie HTML »

Code:
<span id="truc"><img src="http://image.png"></span>

Votre balise span, que vous identifiez comme ayant les caractéristiques de truc, doivent englober votre balise img.


! Attention !
Si vous choisissez le nom bidule à la place de truc dans le CSS, n'oubliez pas de le changer aussi dans le HTML. Sinon, ce sera normal si votre image ne change pas d'opacité !
Revenir en haut Aller en bas
https://le-placard-d-aelys.forumactif.com
 

{CSS & HTML] Changer l'opacité d'une image au survol de la souris

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» {HTML & CSS} Info-bulle sur une image (© Maiko)
» Carte Image (image cliquable)
» Bases du HTML
» Les codes couleurs en HTML et en RGB
» Où mettre du HTML dans un forum ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
{* Le placard d'Aëlys } ~ :: Mes aides :: CSS-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit