Option sur css
Résolu
ickyknox
Messages postés
1344
Statut
Membre
-
bg62 Messages postés 26231 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 26231 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 empreinte digitale disparue - Forum Xiaomi
- Option de connexion windows - 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 :(