[Résolu] Blocage sur une animation en css

Bonjour,

J'essaie de faire une animation en css et mon problème c'est que je n'arrive pas à faire démarer l'image par la gauche (au lieu de la droite actuellement), voici le code:

[code]
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
[code]

merci de votre aide
Modifié par Herde35 (08 Nov 2017 - 16:15)

Excellent!

Merci pour votre réponse rapide, super forum au passage