studio-variable/world-game
4
1
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add film grain effect and purple base to preloader
All checks were successful
Deploy Production / Deploy to Production (push) Successful in 23s
Details

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-05-25 18:25:04 +02:00
parent a33e2467d8
commit 4d9509dec2
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
site/snippets/header.php
View file

@ -32,10 +32,20 @@
radial-gradient(ellipse 70% 55% at 10% 90%, #82107a 0%, transparent 65%),
radial-gradient(ellipse 50% 45% at 8% 15%, #2e0d8e 0%, transparent 55%),
radial-gradient(ellipse 45% 40% at 48% 35%, #0c2540 0%, transparent 55%),
#060a1a;
#1D154C;
transition: opacity 0.4s ease;
pointer-events: none;
}
#preloader::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)'/%3E%3C/svg%3E");
background-repeat: repeat;
background-size: 250px;
opacity: 0.09;
mix-blend-mode: overlay;
}
#preloader.preloader-hiding {
opacity: 0;
}