shrimpfriend
Neues Mitglied
Hallo,
ich möchte, dass eine CSS- Animation nachdem sie abgelaufen ist in ihrem Endzustand bleibt.
Das ist mein jetziger Code; das Bild wird langsam nach unten geschoben, sobald der Mauszeiger auf der Seite ist. Sobald ich die Seite aber mit dem Zeiger verlasse springt das Bild zurück nach oben. Lässt sich das verhindern?
Vielen Dank im Voraus,
shrimpfriend
ich möchte, dass eine CSS- Animation nachdem sie abgelaufen ist in ihrem Endzustand bleibt.
HTML:
@keyframes slidein{
0%{
top: -30%;
left: 35%;
}
100%{
top: -5%;
left: 35%;
}
.bulb{
left: 35%;
top: -30%;
position: absolute;
}
*:hover .bulb{
animation-name: slidein;
animation-duration: 2s;
HTML:
<figure class="bulb"> <img alt="" src="b24c6ec8e0large.png"> </figure>
Vielen Dank im Voraus,
shrimpfriend