From 23c7cbc45d535ac2382298514aad26088486e175 Mon Sep 17 00:00:00 2001 From: Midou36O Date: Sat, 23 Apr 2022 23:29:32 +0000 Subject: [PATCH] i honestly have no idea what i did, but button has better realism. And bg color of the light of the PJ SGFLT is now colored --- src/assets/animation.css | 6 +++--- src/assets/global.css | 2 +- src/lib/Header.svelte | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/assets/animation.css b/src/assets/animation.css index ee10ed1..7dd7dcb 100644 --- a/src/assets/animation.css +++ b/src/assets/animation.css @@ -241,7 +241,7 @@ } 85% { opacity: 1; - text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1); + text-shadow: 0 0 30px rgba(0, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1); } 85.1% { opacity: 0; @@ -253,11 +253,11 @@ } 86.1% { opacity: 1; - text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1); + text-shadow: 0 0 30px rgba(0, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1); } 100% { opacity: 1; - text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1); + text-shadow: 0 0 30px rgba(0, 208, 212, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1); } } diff --git a/src/assets/global.css b/src/assets/global.css index fe4fd7b..bfb1287 100644 --- a/src/assets/global.css +++ b/src/assets/global.css @@ -59,7 +59,7 @@ a.visited { .button:active { transform: translateY(0.10em); background-color: #4beacb; - box-shadow: 0 0.5em 0.5em -0.4em #00c7a1; + box-shadow: 0 0.2em 0.2em -0.2em #00c7a1; } .ResponsiveImage { diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte index fba1a0b..7adf7a8 100644 --- a/src/lib/Header.svelte +++ b/src/lib/Header.svelte @@ -43,7 +43,7 @@ @media screen and (prefers-reduced-motion: no-preference) { .text-flicker-in-glow { opacity:1; - -webkit-animation: text-flicker-in-glow 10ms both; - animation: text-flicker-in-glow 10ms both; } + -webkit-animation: text-flicker-in-glow 1000ms both; + animation: text-flicker-in-glow 1000ms both; } }