0xMRTT/webcompile
1
0
Fork 0
forked from ProjectSegfault/website
Code Pull Requests Activity

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

Browse Source
This commit is contained in:
Midou36O 2022-04-23 23:29:32 +00:00
parent 5e3f8201be
commit 23c7cbc45d
Signed by untrusted user: midou
GPG Key ID: 08063D5407090BC2
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/animation.css
View File

@ -241,7 +241,7 @@
} }
85% { 85% {
opacity: 1; 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% { 85.1% {
opacity: 0; opacity: 0;
@ -253,11 +253,11 @@
} }
86.1% { 86.1% {
opacity: 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% { 100% {
opacity: 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, 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);
} }
} }

2
src/assets/global.css
View File

@ -59,7 +59,7 @@ a.visited {
.button:active { .button:active {
transform: translateY(0.10em); transform: translateY(0.10em);
background-color: #4beacb; background-color: #4beacb;
box-shadow: 0 0.5em 0.5em -0.4em #00c7a1; box-shadow: 0 0.2em 0.2em -0.2em #00c7a1;
} }
.ResponsiveImage { .ResponsiveImage {

4
src/lib/Header.svelte
View File

@ -43,7 +43,7 @@
@media screen and (prefers-reduced-motion: no-preference) { @media screen and (prefers-reduced-motion: no-preference) {
.text-flicker-in-glow { .text-flicker-in-glow {
opacity:1; opacity:1;
-webkit-animation: text-flicker-in-glow 10ms both; -webkit-animation: text-flicker-in-glow 1000ms both;
animation: text-flicker-in-glow 10ms both; } animation: text-flicker-in-glow 1000ms both; }
} }
</style> </style>