12
votes

Comment puis-je inverser une animation CSS3 sur la première itération (et pas la seconde)

J'ai configuré une animation CSS3 comme ceci: xxx pré>

Comment puis-je inverser cette animation sur une définition de classe? p>

Par exemple: P>

.slideinTransition {
    -webkit-animation-name: slidein;
    -webkit-animation-direction: alternate;
}


1 commentaires

Merci d'avoir posté cette question. Je n'ai pas trouvé comment éviter la création d'une station de diapositives moi-même ni. Je serais super si nous pouvions simplement ajouter une autre classe avec quelque chose comme "-webkit-animation: inverse" pour déclencher l'animation de l'autre sens ...


3 Réponses :


0
votes

Pas vraiment sûr de ce dont vous parlez, mais qui enlève sûrement la valeur et les valeurs le feraient courir à l'envers Première fois.


2 commentaires

Merci pour la réponse, mais c'est exactement ce que je veux éviter. Sur une animation plus complexe, je ne voudrais pas réécrire l'animation en sens inverse, mais je voudrais plutôt inverser l'animation par une simple commande dans la définition de la classe.


Afaik il n'y a pas de meilleur moyen de le faire. J'ai lu via développeur.Apple. Com / Bibliothèque / Safari / # Documentation / InternetWe B / ... , et n'a rien vu particulièrement utile. Peut-être déposer un bug de webkit?



9
votes

-WebKit-Animation: Slidein 2S Installation-out -2S Infinite Alternativez-vous en avant;

Il suffit de faire commencer l'animation à - [ la durée ] sixer directement dans la 2e animation;)


0 commentaires

16
votes

Essayez ceci:

-webkit-animation-direction: alternate-reverse;


0 commentaires