pub-solar/pub.solar
5
2
Fork 2
Code Issues Pull requests Packages Projects Releases Wiki Activity

Better

Browse source
This commit is contained in:
Benjamin Bädorf 2021-05-31 21:27:04 +02:00
parent a15e505440
commit 31a8747b7e
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
1 changed files with 16 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -116,13 +116,14 @@
text-align: center; text-align: center;
font-weight: 900; font-weight: 900;
font-size: 8rem; font-size: 8rem;
padding: 0 200vw;
text-shadow: 5px 0px 0px white; text-shadow: 5px 0px 0px white;
transition: text-shadow 0.1s ease; transition: text-shadow 0.1s ease;
white-space: nowrap; white-space: nowrap;
} }
.ps-page--link:hover { .ps-page--link:hover {
text-shadow: 5px 0px 0px #00ffab; text-shadow: 10px 0px 0px var(--accent);
} }
.ps-background { .ps-background {
@ -170,19 +171,23 @@
} }
.ps-logo--base { .ps-logo--base {
animation-duration: 30s; animation-name: rotate;
animation-name: appear; animation-duration: 0.3s;
animation-timing-function: linear; animation-timing-function: linear;
animation-play-state: paused;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
.ps-logo:nth-child(2n) .ps-logo--base { animation-delay: -2.5s; } .ps-logo--base:hover {
.ps-logo:nth-child(3n) .ps-logo--base { animation-delay: -5s; } animation-play-state: running;
.ps-logo:nth-child(5n) .ps-logo--base { animation-delay: -7.5s; } }
.ps-logo:nth-child(7n) .ps-logo--base { animation-delay: -10s; }
.ps-logo:nth-child(11n) .ps-logo--base { animation-delay: -12.5s; } .ps-logo:nth-child(2n) .ps-logo--base { animation-delay: -0.1s; }
.ps-logo:nth-child(13n) .ps-logo--base { animation-delay: -15s; } .ps-logo:nth-child(3n) .ps-logo--base { animation-delay: -0.3s; }
.ps-logo:nth-child(3n) .ps-logo--base { animation-delay: -17.5s; } .ps-logo:nth-child(5n) .ps-logo--base { animation-delay: -0.5s; }
.ps-logo:nth-child(7n) .ps-logo--base { animation-delay: -7s; }
.ps-logo:nth-child(11n) .ps-logo--base { animation-delay: -0.9s; }
.ps-logo:nth-child(13n) .ps-logo--base { animation-delay: -1s; }
.ps-logo--base::before { .ps-logo--base::before {
position: absolute; position: absolute;
@ -193,7 +198,7 @@
border-radius: 50%; border-radius: 50%;
} }
@keyframes appear { @keyframes rotate {
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }