CSS - Krieg der Sterne
Siehe auch: Lauftext / Laufschrift - Marquee
<style>
marquee#starwars {
font-family: Arial, Sans-Serif;
color: Gold;
font-size: 2.5rem;
transform: perspective(100px) rotateX(15deg);
perspective-origin: 50% 100px;
padding-left: 23%;
margin: 0px Auto 0px Auto;
width: 600px;
height: 300px;
cursor: Default;
}
div#skywalker {
background: Black;
width: 1000px;
height: 510px;
}
div#kenobi {
width: 440px;
text-align: Justify;
}
</style>
<div id="skywalker">
<marquee direction="up" scrollamount="3" id="starwars">
<div id="kenobi">
Es herrscht Bürgerkrieg.
Die Rebellen, deren
Raumschiffe von einem
geheimen Stützpunkt
aus angreifen, haben
ihren ersten Sieg gegen
das böse galaktische
Imperium errungen.
<br><br><br>
Während der Schlacht ist
es Spionen der Rebellen
gelungen, Geheimpläne über
die absolute Waffe
des Imperiums in ihren
Besitz zu bringen, den
TODESSTERN, eine
bewaffnete Raumstation,
deren Feuerkraft
ausreicht, um einen
ganzen Planeten zu
vernichten.
<br><br><br>
Verfolgt von den finsteren
Agenten des Imperiums,
jagt Prinzessin Leia an
Bord ihres Sternenschiffs
nach Hause, als Hüterin
der erbeuteten Pläne, die
ihr Volk retten und der
Galaxis die Freiheit
wiedergeben könnten …
</div>
</marquee>
</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<p> Textabsatz
CSS - Hintergrundbild absolut positionieren
PHP - Bild proportional zur Breite verkleinern