diff --git a/feedback.html b/feedback.html index 6de005f..574a202 100644 --- a/feedback.html +++ b/feedback.html @@ -9,34 +9,44 @@ align-content: center; background-color: black; color: white; + overflow: hidden; + font-weight: bold; + font-size: 350%; + } + + span{ + color: goldenrod; } .plane { + /* Für möglichst symmetrisch, muss left proportional zu width sein*/ + height: 50vw; + width: 60vw; + bottom: 0; + left: 20vw; + + /*Erstellt eine Ebene mit einem Neigungsgrad von 20*/ 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; - bottom: 0; - left: 0; } - .plane:after { - position: absolute; - content: ' '; bottom: 60%; left: 0; right: 0; top: 0; + + content: ' '; + + position: absolute; } .content { + /* 60 Sekunden Animation, die in 3 Sekunden eingeblendet wird */ animation: scroll 60s linear 3s; position: absolute; top: 100%; @@ -48,7 +58,7 @@ } 100% { - top: -170%; + top: -150%; } }