CSS Animation from Left to Right

Question

I am trying to make an animation in CSS. I read some examples of it online and I cannot figure out what I\'m doing wrong... I want my potato image to go from left t

Answer 1

you have to use only the 'left' not the 'right' parameter on your keyframe. You have also some typo on your css, the 'scale' seems useless too.

#pot{
    bottom:15%;
    position:absolute;
    -webkit-animation:linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s;
}     
@-webkit-keyframes run {
    0% { left: 0;}
    50%{ left : 100%;}
    100%{ left: 0;}
}

like : online version