Optimisation simple javascript et transition ?
Bonjour,
Pour afficher cacher un texte je fais ceci :
Mais je pense que ce n'est pas optimisé, et ma question est :
Comment faire une animation = une transition entre le texte invisible et visible ?
Merci beaucoup !
Have a nice day
Pour afficher cacher un texte je fais ceci :
<div id="text1" style="display:none;"><p>Du texte</p></div>
var text1 = document.getElementById('text1');
var bouton= document.getElementById('bouton');
bouton.onmouseover = function() {
text1.style="display:;";};
bouton.onmouseout = function() {
text1.style="display:none;";};
Mais je pense que ce n'est pas optimisé, et ma question est :
Comment faire une animation = une transition entre le texte invisible et visible ?
Merci beaucoup !
Have a nice day
1 réponse
-
Salut
tu peux utiliser jquery avec la function animate() ou fadeIn() ou slideDown()
ou mettre une classe que tu change avec javascript
+ du css avec @keyframe sur la classe qui est changée
Ou meme juste avec du css sans javascript avec :hover et une animation keyframe
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
