Laufschrift erstellen
Ich habe eine Seite erstellt, die Laufschriften enthält.
Vom Prinzip bin ich damit recht zufrieden, aber ich vermute es geht etwas besser.
Meine Laufschriften habe ich nämlich 3 mal.
1. die sichtbare Laufschrift.
2. die Lautschrift, aber im Grunde nur um eine Hintergrundfarbe durchgängig zu bekommen (Also auch vor und nach dem Text. Nach dem Text hätte ich auch durch ändern von width ohne diesen Text hinbekommen, aber leider habe ich es davor nicht geschafft.)
3. die Laufschrift, aber nur damit genügend Platz ist um nicht zu weit hoch und runter zu scrollen und der ganze Text sichtbar ist.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="en_GB">
<head>
<title></title>
<meta charset="UTF-8" />
<style>
body {
font-size: 22pt;
white-space: normal;
height:150%;
overflow:hidden;
animation:hoch_runter 15s ease-in-out infinite;
}
table {
font-size: 22pt;
white-space: normal;
background-color: rgb(255, 255, 255);
border-collapse: collapse;
page-break-inside: avoid;
}
th {
background-color: rgb(50, 50, 50);
color: rgb(255, 255, 255);
}
tr.odd {
background-color: rgb(200, 255, 200);
color: rgb(0, 0, 0);
}
tr.even {
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
}
@keyframes hoch_runter{
0%{
margin-top:0;