Transition nachdem Seite geladen hat

[Kaj]

Tach,

Ich habe eine Frage zu CSS Transitions. Diese scheinen nach Load nicht zu funktionieren. Ich will einen kleinen Übergang, nachdem jemand meine Seite betritt. Ich habe dafür bisher folgenden Code.

body {
	display: flex;
}
#figur {
	transition: top 0.5s ease;
	background-color: blue;
	width: 100px;
	height: 100px;
	top: 0px;
	position: relative;
}

<div id="figur"></div>

let figur = document.getElementById("figur");
Func = () => {
	figur.style.top = "120px";
}
figur.addEventListener('load', () => {
	Func();
});

Was sagt ihr dazu?

Gruß, Kaj