camill/spacetaxi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

star wars intro theme added in feedback.html

Browse Source
This commit is contained in:
camill 2025-12-01 19:10:07 +01:00
parent 054170cd93
commit b20b77e8a6
1 changed files with 50 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
feedback.html
View File

@ -5,38 +5,68 @@
<title>SpaceTaxi Quittung</title>
<style>
body{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-color: black;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
height: 100vh;
align-content: center;
background-color: black;
color: white;
}
.zelle
{
border: 3px solid white;
.plane {
transform: perspective(250px) rotateX(20deg);
transform-origin: 50% 100%;
text-align: center;
position: absolute;
font-weight: bold;
overflow: hidden;
font-size: 350%;
height: 50vw;
width: 50vw;
height: 10vw;
border-radius: 15px;
bottom: 0;
left: 0;
}
.plane:after
{
position: absolute;
content: ' ';
bottom: 60%;
left: 0;
right: 0;
top: 0;
}
.content
{
animation: scroll 60s linear 3s;
position: absolute;
top: 100%;
}
@keyframes scroll {
0% {
top: 100%;
}
100% {
top: -170%;
}
display: flex;
align-items: center;
justify-content: center;
font-size: 3vh;
padding: 1vw;
}
</style>
</head>
<body>
<div class="zelle" id="feedback">
Hallo was auch immerdas gibt ein großes Feuerwerk im ALl und vieles vieles mehr
<div class="plane">
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dictum nunc. Phasellus a
metus purus. Mauris auctor neque ut efficitur condimentum. Vivamus in tortor consequat, rutrum neque in,
vehicula ipsum. Vestibulum venenatis, lorem sit amet ultricies feugiat, tortor nisi euismod velit, at
elementum mi mi id sem. Etiam nec dolor quis lacus volutpat lacinia eget eget ante. Suspendisse id
iaculis enim. Aenean cursus leo accumsan eros pharetra, non tempus ipsum rutrum. Cras vel eros id odio
lobortis imperdiet. Nunc urna dui, pretium a volutpat eu, imperdiet non ex. </p>
</div>
</div>
</body>