Partage

Animation d'un élément dans un div

20 avril 2017 à 19:13:53

Bonjour, 

Je suis en train de faire un site pour m’entraîner au HTML / CSS et je me pose une question. Comment faire pour que des parties de mon texte se mettent en gras lorsque le curseur de ma souris touche le div contenant mon élément paragraphe. J'ai regardé plusieurs forum mais je n'ai pas trouvé des choses qui répondent exactement à mon problème. 

Merci de me répondre.

20 avril 2017 à 23:10:18

Salut,

https://jsfiddle.net/v5g5aagh/

 Ce que tu cherches, c'est :hover

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
21 avril 2017 à 9:14:23

Et pour que ne soit que de simple mot dans ton paragraphe : https://jsfiddle.net/v5g5aagh/1/
Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil
21 avril 2017 à 10:48:33

J'utilise le :hover mais je n'arrive que a faire des animations dans cet unique div et non dans les éléments contenu dedans.

Pour être plus clair je voudrais que lorsque le curseur de la souris soit dessus certains morceau de texte ce mettent en gras.

21 avril 2017 à 12:01:08

C'est exactement ce qu'on vient de te montrer, avec deux possibilités différentes… Montre-nous tes essais ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
21 avril 2017 à 14:07:50

MrChampy a écrit:

Hello,

Un truc du genre : https://jsfiddle.net/v5g5aagh/2/ ?


C'est ce que j'ai proposé déjà en gros mais en y mettant du JS en plus, aucun intérêt ici je pense.

Et quelque chose de ce style alors : https://jsfiddle.net/v5g5aagh/3/

Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil
21 avril 2017 à 15:05:39

Lord Morpheus,

Pour moi il veut agir sur les <p> en passant sur la <div>, mais pas au hover du <p>, enfin à ce que j'en ai compris.

Donc JS non ?

-
Edité par MrChampy 21 avril 2017 à 15:05:52

21 avril 2017 à 15:28:41

MrChampy a écrit:

Lord Morpheus,

Pour moi il veut agir sur les <p> en passant sur la <div>, mais pas au hover du <p>, enfin à ce que j'en ai compris.

Donc JS non ?

-
Edité par MrChampy il y a 20 minutes


Non pas de JS, regarde : https://jsfiddle.net/v5g5aagh/4/ J'obtiens le même résultat que toi sans JS. C'est ce qu'avais propose rhooManu
Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil
21 avril 2017 à 15:29:28

Ben c'est bien ce que j’ai proposé : https://jsfiddle.net/v5g5aagh/  Il n'y a effectivement pas besoin de JS pour ça.

-
Edité par rhooManu 21 avril 2017 à 15:31:08

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
21 avril 2017 à 16:28:56

En effet ouais, j'avais pas vu ça comme ça.

Animation d'un élément dans un div

× 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.
  • Editeur
  • Markdown