Voici un CodePen de mon code Je suis le cours 'Créer des animations CSS modernes' et je suis rendu, ici! Sauf que le code ne fonctionne pas que ce soit sur mon éditeur ou celui de CodePen, j'ai déjà essayé le mien et celui du cours sur CodePen et mon éditeurs mais sans résultat,
"Ah oui mince, pas ouf tu tout ces br/ je vais remplacer ça par un margin-bottom... *passe la souris sur le bouton sans faire exprès* OH! Mais ça fonctionne " C'était ma réaction Merci beaucoup FloJDM ! Je pensais que tu disais ça juste pour la forme de mon code mais ça fonctionne vraiment maintenant Mais est-ce que tu peux m'expliquer pourquoi une simple balise br faisait bugger mon code ?
Oui en fait c'est à cause des sélecteurs css qui sont pour moi trop rigides, tu comprend les ">" ou "+" en CSS ?
&:active {
& + .progress {
& > .progress__bar
En gros vu que <br> est une balise, bah ça ne fonctionne plus si tu l'insère alors qu'une règle CSS mentionne qu'il faut faire une animation sur les balises qui ont la class .progress__bar placé JUSTE APRÈS une class .progress. Si entre ces deux balises tu met un <br>, la règle css n'est plus bonne.
Ahhhhhhh d'accord, je pensais qu'il fallait que les balises soient simplement frères mais là il faut absolument qu'elles soient à côté.. d'accord ok Merci du coup hein, je ferme le sujet (Merci pour le truc d'hébergement gratuit je vais pouvoir faire des ptit trucs avec )
Après à toi de changer le sélecteur pour le rendre moins restrictif et mettre des <br> si tu le souhaites, mais je te conseillerai plus de faire comme tu as dis, un margin bien propre !
Oui j'y ai pensé, mais un margin c'est toujours mieux... Quand je met des <br> à la place des margin j'ai l'impréssion d'être comme les profs qui font leur mise en page avec des espaces...
Think different
Problème CSS :hover déclencher une animation
× 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.
Think different
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
Think different
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
Think different
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
Think different