hiro/tridactyl
1
0
Fork 0
mirror of https://github.com/vale981/tridactyl synced 2025-03-05 09:31:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix credits crawl and clean up authors.css

Browse source
This commit is contained in:
fluem 2020-10-10 00:08:26 +02:00
parent 0e6e8fa47b
commit 4ae60507fc
1 changed files with 7 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/static/css/authors.css
View file

@ -1,4 +1,4 @@
/* From https://css-tricks.com/snippets/css/star-wars-crawl-text/ */
/* Adapted from https://css-tricks.com/snippets/css/star-wars-crawl-text/ */
body {
width: 100%;
height: 100%;
@ -7,7 +7,7 @@ body {
}
* {
text-align: left !important;
text-align: center !important;
}
.fade {
@ -30,34 +30,21 @@ body {
font-weight: 600;
letter-spacing: 6px;
line-height: 150%;
perspective: 400px;
transform: perspective(400px) rotateX(20deg);
text-align: justify;
}
.crawl {
position: relative;
top: 9999px;
transform-origin: 50% 100%;
animation: crawl 90s linear;
}
.crawl > .title {
font-size: 90%;
text-align: center;
}
.crawl > .title h1 {
margin: 0 0 100px;
text-transform: uppercase;
top: 300px;
animation: crawl 180s linear;
}
@keyframes crawl {
0% {
top: 0;
transform: rotateX(20deg) translateZ(0);
top: 300px;
}
100% {
top: -25000px;
transform: rotateX(25deg) translateZ(-10000px);
top: -50000px;
}
}