Option sur css
Résolu
ickyknox
Messages postés
1344
Statut
Membre
-
bg62 Messages postés 26229 Statut Modérateur -
bg62 Messages postés 26229 Statut Modérateur -
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
- Option avancé du fichier boot - Forum BIOS
- Option empreinte digitale disparue - Forum Xiaomi
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 :(