Option sur css
Résolu
ickyknox
Messages postés
1156
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
pour une image, au passage de la souris , elle devient transparente grace à la fonctionnalité OPACITY.
Connaissez vous une fonctionnalité qui peut rendre l'image juste plus foncée ?
et connaissez vous d'autres fonctionnalités ?
je vous remercie
pour une image, au passage de la souris , elle devient transparente grace à la fonctionnalité OPACITY.
Connaissez vous une fonctionnalité qui peut rendre l'image juste plus foncée ?
et connaissez vous d'autres fonctionnalités ?
je vous remercie
A voir également:
- Option sur css
- Option d'ergonomie - Guide
- Option volte/vowifi - Guide
- Option internet google chrome ✓ - Forum Réseaux sociaux
- Aucune option d'alimentation n'est actuellement disponible - Guide
- Option avancé du fichier boot - Forum BIOS
7 réponses
<img href='chemin_mon_image' id='image' style='opacity: 1;' />
<script type="text/javascript">
var image = document.getElementById('image');
function anim() {
var s = image.style,
result = s.opacity = parseFloat(s.opacity) - 0.1;
if ( result > 0.2 ) {
setTimeout(anim, 50);
}
}
function anim2() {
var s = image.style,
result = s.opacity = parseFloat(s.opacity) + 0.1;
if ( result <1 ) {
setTimeout(anim2, 50);
}
}
image.onmouseover =function(){anim();}
image.onmouseout = function(){anim2();}
</script>
voila la photo deviens transparente quand la souri passe dessus et redeviens normal quand la souri part
cordialement
"Celui qui se transforme en bête se delivre de la douleur d'être un homme"
Pour la rendre plus foncer ta une technique :
et CSS :
<div id='divImg'> <img src='image.jpg' id='image' alt='image' /> <div id='fonce'></div> </div>
et CSS :
#divImg {
position: relative;
height : hauteur de ton image en px;
width: largeur de ton image en px;
}
#fonce {
position: absolute;
top: 0px;
left:0px;
background-color: black;
opacity: 0;
height:100%;
width:100%;
}
#fonce:hover {
opacity:0.5;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
http://fr.selfhtml.org/
et encore ça date un peu ;)
Dans index de la syntaxe, j'ai cherché OPACITY mais il ne le trouve pas, du coup je ne connais pas la rubrique dans laquelle la trouver.
Par contre j'ai oublié de préciser que j'étais une débutante en webmastering.
En faite je suis esthéticienne et j'apprends sur le tas :(