<DOCTYPE html!>
<html>
<head>
<title>Movie</title>
<meta charset="utf-8"/>
<style>
body {
background-color: black;
}
#leinwand {
height: 480px;
width: 640px;
margin: auto;
border-image: url(vorhang.png) 0 151 0 151 repeat;
-webkit-border-image: url(vorhang.png) 0 151 0 151 repeat;
border-width: 0 151px;
border-style: solid;
overflow: hidden;
text-align: center;
font-size: 50px;
color: yellow;
font-family: fantasy;
font-weight: bold;
text-shadow: 0 0 10px yellow,
0 0 10px orange,
0 0 10px red;
text-align: center;
perspective: 100px;
-webkit-perspective: 100px;
}
#viewport {
width: 640px;
height: 480px;
transform: rotateX(15deg);
-webkit-transform: rotateX(15deg);
overflow: hidden;
}
#gluh {
font-size: 50px;
color: yellow;
font-family: fantasy;
font-weight: bold;
text-shadow: 0 0 10px yellow,
0 0 10px orange,
0 0 10px red;
text-align: center;
}
p {
color: yellow;
font-size: 20px;
}
@keyframes scroll {
from {top: 400px;}
to {top: -1500px;}
}
@-webkit-keyframes scroll {
from {top: 400px;}
to {top: -1500px;}
}
#film {
position: relative;
animation-name: scroll;
animation-duration: 80s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: forwards;
-webkit-animation-name: scroll;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
</style>
</head>
<body>
<div id="leinwand">
<div id="viewport">
<div id="film"><p>Es war einmal vor langer Zeit in einer weit,<br>weit entfernten Galaxis....</p><br>
Browser Wars<br>
Episode IV<br>
EINE NEUE WEBSITE
<p>
Es herrscht Bürgerkrieg. Die Webentwickler, <br>deren Computer von einem geheimen Stützpunkt<br>
aus angreifen, haben ihren ersten Sieg <br>gegen das böse JavaScript errungen.<br>
Während der Schlacht ist es Spionen<br> der Designer gelungen, Geheimpläne über den<br> absoluten Code
der Hacker in ihren Besitz <br>zu bringen, den TODESCODE, ein Superscript,<br> dessen
Macht ausreicht, um einen<br> ganzen Planeten zu vernichten.<br>
Verfolgt von den finsteren Agenten<br> der Hacker, jagen Scripter und Designer<br> an Bord ihres Sternenschiffes
nach Hause,<br> als Hüter der erbeuteten Pläne,<br> die ihr Volk retten und der <br>Webentwicklung die Freiheit <br>wiederbringen könnten....</p>
</div>
</div>
</div>
</body>
</html>