dark-firepit
/
dark-firepit.cloud
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize filter: drop-shadow to box-shadow and text-shadow

This commit is contained in:
Jill 2022-12-24 03:08:16 +03:00
parent 0441615425
commit 35a405500c
4 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/Header.svelte
View File

@ -11,4 +11,4 @@
</style>
<img src="/logo.png" width="128" height="128" class="logo center" alt="dark-firepit logo">
<h1 class="center glow-slight"><a class="stealth-link" href="/">dark-firepit</a></h1>
<h1 class="center glow-text"><a class="stealth-link" href="/">dark-firepit</a></h1>

2
src/lib/People.svelte
View File

@ -107,6 +107,8 @@ Commits programming crimes both willingly and unwillingly.
description: `
Bait for buses. No longer SSHes into their server as root. Should not be trusted around hammers, curtains, or
a set of 2 wedding videos.
<br><br>
🧩 🥛
<br><br>
`,
site: 'https://zydra.space/',

2
src/routes/videos-of-all-time/+page.svelte
View File

@ -8,7 +8,7 @@
<style>
.video {
border-radius: 10px;
filter: drop-shadow(0px 0px 32px rgba(255, 255, 255, 0.1));
box-shadow: 0px 0px 32px rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: column;
overflow: hidden;

14
src/style.css
View File

@ -69,24 +69,24 @@ em {
@keyframes glow {
from {
filter: drop-shadow(0px 0px 32px #4210f1) drop-shadow(0px 0px 4px #222230);
box-shadow: 0px 0px 48px #4210f1, 0px 0px 8px #222230;
}
to {
filter: drop-shadow(0px 0px 64px #4210f1) drop-shadow(0px 0px 6px #222230);
box-shadow: 0px 0px 96px #4210f1, 0px 0px 12px #222230;
}
}
.glow-slight {
animation: 4s glow-slight infinite ease-in-out;
.glow-text {
animation: 4s glow-text infinite ease-in-out;
animation-direction: alternate;
}
@keyframes glow-slight {
@keyframes glow-text {
from {
filter: drop-shadow(0px 0px 6px #222230);
text-shadow: 0px 0px 12px #222230;
}
to {
filter: drop-shadow(0px 0px 4px #222230);
text-shadow: 0px 0px 8px #222230;
}
}