Fiz esse movimento com css e minha dúvida é: Como eu posso parar esse movimento em um determinado lugar?
Eu posso estilizar de acordo com left, right, top etc. Mas como eu consigo parar o movimento do carro de acordo com meu código abaixo:
Obrigado desde já!
CSS:
<style>
.box{
content: "";
position: absolute;
z-index: 9999;
left: -40%;
animation: bgc 20000ms linear infinite;
}
@keyframes bgc {
0% {left: 140%}
}
</style>
HTML:
<div id="carligue" class="box">
<img style="max-width: 330px !important;" src="https://img2.gratispng.com/20181118/kjz/kisspng-maserati-levante-sports-car-luxury-vehicle-sports-car-images-png-4k-pictures-4k-pictures-5bf15dec03bd89.3228052315425448760153.jpg" >
</div>