Making stuff work better, adding a floppy
This commit is contained in:
parent
1d9bc87f1b
commit
7917326214
11 changed files with 261 additions and 32 deletions
42
assets/sass/pages/audio.scss
Normal file
42
assets/sass/pages/audio.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
.audio-page {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.star {
|
||||
position: absolute;
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
animation: twinkle linear infinite;
|
||||
}
|
||||
|
||||
.star.small {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.star.medium {
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.star.large {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
@keyframes twinkle {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.3;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue