J'ai fait une petite animation qui se déclenche quand on passe la souris sur du texte, qui modifie la couleur du texte en y mettant un petit effet décalé (je testais les fonctionnalités css, j'améliorerai le design une fois que j'aurais bien compris) cependant j'aimerais bien que le titre reste affiché avec la couleur finale jusqu'a ce que je recharge la page ... j'ai mis un fill mode forwards mais le soucis c'est que ça reste en place tant que la souris est sur le titre donc ce n'est pas ce que je souhaite :/.
En fait j'ai mis translateX(15px) parceque je voulais que le titre revienne a se position mais finalement ça le décale de 15px à partir de sa position initiale donc j'ai mis 0.
Valarkook j'ai essayé ton script en modifiant les 15px du coup
1) Je ne suis pas sûr que tu puisses utiliser "transform" seul comme celà. Ceci-dit tu as laissé les deux points après le transform et il faudrait donc enlever car cela indique qu'il y a un paramètre après. A la place des deux points tu dois mettre une virgule pour dire que tu passes à une autre propriété CSS.
2)Effectivement le script tel quel affiche tous les titres en balise h3 en bleus, si tu veux que cela ne se passe que pour quelques titres alors tu dois mettre un un id sur tes balises h3 que tu veux modifier, exemple:
Au temps pour moi, je suis idiot j'avais pas effacé le "transform": !! Oui du coup c'est sûr que si je lui demande de transformer mon texte en espérant qu'il devine comment tout seul, je n'irai pas bien loin !
Avec les ID j'ai eu la même idée ça fonctionne très bien du coup super !
philiga
Si l'utilisateur n'attend pas 1s entièrement sur le titre ça va me décaler le titre du coup non ?! En tout cas j'aime bien l'idée, je suis du genre à bidouiller comme ça aussi !
Merci Valarkook, philiga et AliasDmc pour votre aide ! J'ai résolu mon petit problème !
en fait, j'ai du mal à comprendre ce que tu veux, et là on te parle de js mais .... je doutes.
Quand on survole le h3 et que l'on reste sur le titre :
une transition de couleur du noir (ou autre peut importe) au bleu (seulement pour le premier survol, sinon cela reste bleu), ca je pense que j'ai compris
par compte c'est ton translate que je ne comprend pas , on doit avoir :
1 solution : une transition translatex() qui doit partir de 0px allé a 15px puis revenir a 0px. Ou bien on doit rester à 15px et c'est quand on sort du h3 que l'on revient en 0px
2 solution : une transition translatex() qui doit partir de 0px allé a -15px puis aller a 15px revenir a 0px.
En fait je voulais (et ça fonctionne !) que lorsqu'on passe la souris sur le titre, il se décale de 15px sur la gauche en changeant de couleur et lorsqu'on quitte le titre, il revient a sa position initiale mais en restant bleu. Petite confusion de ma part au départ je pensais qu'il fallait le re-décaler de 15 px pour qu'il revienne à sa position initiale mais en fait ça le décalait de 15px à droite donc ce n'était pas bon !
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.