poruszanie elemantami HTML i CSS

Question

Hej! wiecie może jak poruszać elementami css?

Chcę aby zawsze elementy o klasie .bloczek przesuwały się w lewo o predkosc*3px gdzie predkosc to nazwa zmiennej.

Próbowałem już z canvasem ale nie wyświetlają się divy a to dosyć potrzeby element strony

Przydatne części kodu

<div><p id="speed"></p> <br> <p id="coins"></p></div>

<div class="szybko" onclick="szybkosc = szybkosc +  1"></div>
	<div class="wolno" onclick="szybkosc = szybkosc - 1;"></div>
<!--czesc 2-->
<style>
.bloczek {
	width: 4vw;
	height: auto;

animation: ruch var(--szybkoscCSS) linear infinite;

top: 75vh;
position: relative;
display: inline;
}
</style>

//3 część kodu

var lawa = function (x,y) {
    this.x = x;
     this.y = y;
};
var spawnLawa = function (lawa) {
 
var lawaHTML = '<img src="lawa.png" alt="" class="bloczek"  name="bloczek">'
var lawaElement = $(lawaHTML);
lawaElement.css(
{
positon: "absolute",
});
$("body").append(lawaElement)
};

Całość kodu ma ponad 300 linijek więc nie wkleje wszystkiego ale w razie za małej ilości informacji napiszcie w odp to dodam :)

Answer 1

W jquery jest metoda animate więc z niej skorzystaj.

Comments

Dzięki, a jest może opcja żeby zamiast czasu trwania animacji ustalić prędkość poruszania? lub takowy wyliczyć jakimś wzorem matematycznym?

---

Mama nadzieję, że zajrzałeś do dokumentacji? A skoro jest czas trwania i przebyta droga to pewnie można wyliczyć prędkość.