From c1212f93d58f8056e1f96c8853008b541a0da744 Mon Sep 17 00:00:00 2001 From: Lain Iwakura Date: Sun, 24 Aug 2025 20:45:01 +0300 Subject: [PATCH] fix effects + new button --- public/crt.css | 18 ++++++++++-------- public/pictures/furrygiena.gif | Bin 0 -> 5638 bytes src/App.svelte | 3 ++- 3 files changed, 12 insertions(+), 9 deletions(-) create mode 100644 public/pictures/furrygiena.gif diff --git a/public/crt.css b/public/crt.css index ac7ec46..973f122 100644 --- a/public/crt.css +++ b/public/crt.css @@ -1,12 +1,14 @@ -:root{--crt-flicker:0.02} -@keyframes crt-flicker{0%{opacity:.98} 50%{opacity:1} 100%{opacity:.97}} -.crt{animation:crt-flicker 1.8s infinite steps(60);} -.crt::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply} -.crt::after{content:"";position:fixed;inset:-12vh -12vw -12vh -12vw;pointer-events:none;background:radial-gradient(ellipse at center, rgba(0,255,0,0.05) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.85) 100%)} -.aperture{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,255,0,.05) 0 1px,rgba(0,0,0,0) 1px 2px,rgba(0,255,0,.05) 2px 3px);mix-blend-mode:screen;opacity:.25} -.crt > *{position:relative;} +:root{--crt-flicker:0.08} +@keyframes crt-flicker{0%{opacity:.92} 2%{opacity:.95} 4%{opacity:.98} 8%{opacity:1} 12%{opacity:.96} 16%{opacity:.99} 20%{opacity:.93} 24%{opacity:1} 28%{opacity:.97} 32%{opacity:.94} 36%{opacity:1} 40%{opacity:.95} 44%{opacity:.98} 48%{opacity:.92} 52%{opacity:1} 56%{opacity:.96} 60%{opacity:.99} 64%{opacity:.94} 68%{opacity:1} 72%{opacity:.97} 76%{opacity:.93} 80%{opacity:.98} 84%{opacity:1} 88%{opacity:.95} 92%{opacity:.97} 96%{opacity:.99} 100%{opacity:.94}} +body{position:relative} +.crt{position:relative;z-index:0} +.crt::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply;z-index:4;animation:crt-flicker .5s infinite linear} +.crt::after{content:"";position:fixed;inset:-12vh -12vw -12vh -12vw;pointer-events:none;background:radial-gradient(ellipse at center, rgba(0,255,0,0.05) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.85) 100%);z-index:5} +.aperture{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,255,0,.05) 0 1px,rgba(0,0,0,0) 1px 2px,rgba(0,255,0,.05) 2px 3px);mix-blend-mode:screen;opacity:.25;z-index:2} +.crt > *{position:relative;z-index:1} .crt > *::before{content:"";position:fixed;inset:0;pointer-events:none;backdrop-filter:none;} .crt .curved{position:relative;} .crt .curved::before{content:"";position:absolute;inset:-2vh -2vw;pointer-events:none;background:radial-gradient(120% 100% at 50% 50%, rgba(255,255,255,.02) 0%, rgba(0,0,0,0) 60%), radial-gradient(140% 120% at 50% 50%, rgba(0,0,0,.25) 60%, rgba(0,0,0,.45) 100%);border-radius:12px} @keyframes scan-shift{from{transform:translateY(-2%)} to{transform:translateY(2%)}} -.crt .scanlines{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.08) 50%, rgba(0,0,0,0) 50%);background-size:100% 3px;mix-blend-mode:multiply;animation:scan-shift 6s infinite alternate ease-in-out} +@keyframes random-flicker{0%{opacity:1} 1%{opacity:.97} 1.5%{opacity:1} 3%{opacity:.94} 3.2%{opacity:1} 8%{opacity:.98} 8.1%{opacity:1} 15%{opacity:.96} 15.3%{opacity:1} 23%{opacity:.92} 23.4%{opacity:1} 31%{opacity:.99} 47%{opacity:.95} 47.2%{opacity:1} 67%{opacity:.93} 67.5%{opacity:1} 78%{opacity:.97} 78.1%{opacity:1} 89%{opacity:.94} 89.3%{opacity:1} 100%{opacity:1}} +.crt .scanlines{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.08) 50%, rgba(0,0,0,0) 50%);background-size:100% 3px;mix-blend-mode:multiply;animation:scan-shift 6s infinite alternate ease-in-out, random-flicker 4.7s infinite linear;z-index:3} diff --git a/public/pictures/furrygiena.gif b/public/pictures/furrygiena.gif new file mode 100644 index 0000000000000000000000000000000000000000..bfd150194dcfa909af4b93a85e742595e64f38c7 GIT binary patch literal 5638 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 literal 0 HcmV?d00001 diff --git a/src/App.svelte b/src/App.svelte index 741aa67..b3217c3 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -58,7 +58,8 @@ { img: '/pictures/hatems.jpg', href: '', alt: 'hatems' }, { img: '/pictures/piracy.gif', href: '', alt: 'piracy' }, { img: '/pictures/mybutton.png', href: 'https://fuckyougoogle.xyz/', alt: 'mybutton' }, - { img: '/pictures/edwardcode.gif', href: 'https://edwardcode.net/', alt: 'edwardcode' } + { img: '/pictures/edwardcode.gif', href: 'https://edwardcode.net/', alt: 'edwardcode' }, + { img: '/pictures/furrygiena.gif', href: '', alt: 'furrygiena' } ];