Salve a tutti,

Sto realizzando un'animazione di un div. Voglio creare un movimento da sinistra a destra di 10 secondi.
Uso questo codice:

Codice PHP:

    
@-webkit-keyframes 'pulse' {from {  } 
 
to {  -webkit-transformtranslate(1650px,-500px);}}

.
pulsedbox {positionabsolute;top300pxleft: -150px;  width100pxheight100pxbackground-colorred;-webkit-animation-namepulse;-webkit-animation-duration10s;
}

<
div style="background-color: orange; width: 1200px; height: 500px; position: relative">        <div class="pulsedbox">                    </div>    </div
Succede questo:
L'animazione funziona correttamente, ma trascorsi i 10 secondi, il div si posiziona di nuovo nel punto di partenza. Come posso fare affinché il div rimanga nella sua posizione finale?

grazie mille.

Saluti