Ajout d'animation(s)

Par AlexJM, il y a 11 ans


Les bases HTML/CSS

Bonjour,
Je m'amusais sur sass avec les animations quand je me suis heurté à ce problème :

"Peut-on ajouter une animation via une class ?"
Voici un exemple :

<div class="block shadow"></div>

Et pour le css on aurait :
(on passe les keyframes)

.block{ animation: premiereanim 1s; } .block.shadow{ animation: deuxiemeanim 2s; }

Est-ce qu'il y aurait un moyen que ce div fasse les deux animations, et non pas que la deuxieme ? (oui ca peut être flou mais c'est assez compliqué à expliquer, imaginons en php on ferait un .= )

Je vous en remercie d'avance :)

5 réponses

betaWeb, il y a 11 ans

Essayes d'ajouter tes deux classes à la volée en JS, avec la fonction addClass() de jQuery. Que veux-tu faire exactement ?

AlexJM, il y a 11 ans

Excuse moi de cette réponse tardive, en faite je cherche à faire un genre de "cube" qui se développe sur les côtés gauches et droit puis vers le haut, et en faite si j'ajoute la class .shadow, qu'en plus du développement il ajoute une ombre, et j'essaye de rester que en css

betaWeb, il y a 11 ans

Je ne suis pas sûr d'avoir tout compris ? Un cube, tu veux dire avec la perspective et tout ?

AlexJM, il y a 11 ans

Non un carré, désolé ^^

AlexJM, il y a 11 ans

Départ
Donc voila j'ai un carré
Et il devient ça :
Fin

J'aimerais que si son parent aie la classe "ombre", l'animation ombre se fasse et que s'il ne l'aie pas qu'elle ne se fasse pas