How the car is move i already write the coding for transform in css?

Question

give me example of any object that have be moved by coding
https://code.sololearn.com/WXQuVRHN7QEg/?ref=app

Answer 1

I correct spelling mistake but the output not animateb the car

Answer 2

https://code.sololearn.com/WXQuVRHN7QEg/?ref=app

Answer 3

now what is the problem bro

Answer 4

here:
https://code.sololearn.com/Wjz8DHR6UR9s/?ref=app
https://code.sololearn.com/WTPNbOvXQar2/?ref=app

Answer 5

You have some mistake to correct in your code to be working:

@keyframe driving{
from{
transistio:translatex(0px);}
to{
transistion:translatex(100px);}
}

> 'keyframes' require the final 's'
> 'transition' is not the well suited property (not morz 'transitio' ;P), the expected property to do translation is 'transform'
> the translateX() function is preferable to be called with same case as standard, even lowercase works too ^^
> the transform property doesn't require a positionned element: this is only needed if you want use one of the 'left' 'top' 'right' ans/or 'bottom' properties...

fixed @keyframes declaration:

@keyframes driving{
from{
transform:translateX(0px);}
to{
transform:translateX(100px);}
}

Answer 6

https://code.sololearn.com/WXQuVRHN7QEg/?ref=app
now see this again plz

Answer 7

Not 'transition' but 'transform'... (I specify that already in my previous post ;P)

Answer 8

There's no problem now: the car is moving from left to right by 100 pixels... Do you have anyelse question?

Answer 9

Oh... maybe you have to prepend vendor prefix (at least -webkit-) to 'animation' properties (including keyframes) and 'transform' also, to be compatible with maximum browers ^^