Partage
  • Partager sur Facebook
  • Partager sur Twitter

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.

    • Partager sur Facebook
    • Partager sur Twitter
      20 avril 2017 à 23:10:18

      Salut,

      https://jsfiddle.net/v5g5aagh/

       Ce que tu cherches, c'est :hover

      • Partager sur Facebook
      • Partager sur Twitter

      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/
        • Partager sur Facebook
        • Partager sur Twitter

        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.

          • Partager sur Facebook
          • Partager sur Twitter
            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 ?
            • Partager sur Facebook
            • Partager sur Twitter

            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/

              • Partager sur Facebook
              • Partager sur Twitter

              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

                • Partager sur Facebook
                • Partager sur Twitter
                  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
                  • Partager sur Facebook
                  • Partager sur Twitter

                  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 EmmanuelBeziat 21 avril 2017 à 15:31:08

                    • Partager sur Facebook
                    • Partager sur Twitter

                    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.
                      • Partager sur Facebook
                      • Partager sur Twitter

                      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