Opacité image CSS Html
Résolu
Marion
-
Marion -
Marion -
Bonjour,
Je suis en train de créer mon site web. Dans la page d'accueil j'ai 4 photos qui amènent à des pages internes. Elles font office de menu secondaire.
J'aimerai qu'au survol de la souris, l'opacité de l'image change: qu'elle devienne plus foncée.
J'ai essayé divers codes qui ne fonctionnent pas.
Ma question est: le code CSS, je peux le mettre où je veux dans ma feuille de style ??
Puis dans mon html, je mets dans mon image après title par exemple: class="..." ?
Est ce que je le fais au bon endroit ? dans le CSS ? et dans l'HTML ?
J'ai mis cela par exemple comme code CSS:
.exemple:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
Si vous avez des propositions, merci d'avance !!!
Je suis en train de créer mon site web. Dans la page d'accueil j'ai 4 photos qui amènent à des pages internes. Elles font office de menu secondaire.
J'aimerai qu'au survol de la souris, l'opacité de l'image change: qu'elle devienne plus foncée.
J'ai essayé divers codes qui ne fonctionnent pas.
Ma question est: le code CSS, je peux le mettre où je veux dans ma feuille de style ??
Puis dans mon html, je mets dans mon image après title par exemple: class="..." ?
Est ce que je le fais au bon endroit ? dans le CSS ? et dans l'HTML ?
J'ai mis cela par exemple comme code CSS:
.exemple:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
Si vous avez des propositions, merci d'avance !!!
A voir également:
- Opacité image CSS Html
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
VOILA LE BON CODE
Mais ce code: je le mets bien dans ma feuille CSS ? et qu'est ce que je mets dans mon html où j'ai mes images sur lesquelles je veux appliquer cela ?
Où dois je mettre ce code ?
Merci pour ta réponse ! C'est la premiere fois que je tente de toucher ma feuile CSS
MERCI
tu met ce code dans ta css !
mais tel quel il doneras cette opacite a toutes les images de la page !
pour ne l apliquer que a une image , il faut donner une class ou une id a l image !
de meme pour uniquement les images d une div , ou autre element, la c est a la div que tu donne une class ou une id !
exemple avec plusieurs opacite sur id et class et couleur background differente !
le resultat de ce code donne cette exemple
je pense que tu devrais t en sortir ! :-))
a+