@Alphavirus
Neues Mitglied
Moin
Ich hab hier einen einfachen Link, der sich von links nach rechts bewegt.
Mein Problem:
Wenn man die Weite des Fensters verändert, verändert sich auch die Geschwindigkeit des Links.
Kann man das irgendwie verändern? Die Geschwindigkeit soll immer gleich bleiben.
Achso, wenn es geht in CSS. Javascript kann ich noch nicht.
Danke
Hier die Adresse und der Code:
Testseite
Ich hab hier einen einfachen Link, der sich von links nach rechts bewegt.
Mein Problem:
Wenn man die Weite des Fensters verändert, verändert sich auch die Geschwindigkeit des Links.
Kann man das irgendwie verändern? Die Geschwindigkeit soll immer gleich bleiben.
Achso, wenn es geht in CSS. Javascript kann ich noch nicht.
Danke
Hier die Adresse und der Code:
Testseite
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lauftext</title>
<style>
#link {
text-align: center;
position: absolute;
animation: linkMovement 7s infinite;
animation-timing-function: linear;
}
@keyframes linkMovement {
0% {
left: -100px;
}
100% {
left: 100vw;
}
}
</style>
</head>
<body>
<a href="#" id="link">Lauftext</a>
</body>
</html>
Zuletzt bearbeitet: