Tenho uma div
com o id="origem"
que contem uma imagem de uma estrela, como posso mover a imagem para a span
com o id="destino"
usando uma animação de por exemplo 2 segundos, o trajecto tem que ser em linha recta ou pode fazer uma curva? Também pode ser em loop como na imagem?
img {
width: 2rem;
height: 2rem;
}
<body>
<div>fazer imagem ficar na direita desta frase:
<span id="destino">
</span>
</div>
<br><br><br><br><br><br><br>
<div id="origem">------------------------------------------------------------------------
<img src="https://image.flaticon.com/icons/svg/148/148841.svg" alt="">
</div>
</body>