CSS animation sur les grid sans JS

MrThii
Les bases HTML/CSS

Mes grid ne s'animent pas et je sais pas trop comment faire sans js juste avec le css

Ce que je veux

J'aimerais animer la transition de mes éléments lorsque je passe de grand écran à petit écran avec les media queries dans la grid UNIQUEMENT avec du css avec les fonction transition, duration , les keyframe

si c'est possible m'envoyer un morceau de code qui fait arriver les éléments de la droit vers la gauche.

Merci d'avance

Ce que j'obtiens

pas d'animations

3 réponses

deltour_hugo

Salut !
Tu as Discord ?
Décris mieux ton problème s'il te plaît...
Tu peux mettre du code dans tes messages, tu le sais ?

deltour_hugo

N'hésite pas à chercher ton problème sur YouTube.

Soundboy39

Bonjour,

Tu peux essayé avec des @keyframes imbriquées dans des @media mais je doute que tu arrive à quelque chose de bien fonctionnel...

J'ajoute que, de ce que je sache, il n'est possible d'"écouter" (donc de détecter) des évenements en CSS, les pseudo-class (:hover par exemple) font référence à des états et pas à des évenements, donc on ne peut détecter le changement de largeur comme on pourrait le faire en JS avec un window.resize() pr exemple.