karlm/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor polka background styling in global CSS to improve visual consistency; adjust dimensions, animation duration, and transform properties for enhanced performance and aesthetics.

Browse source
This commit is contained in:
Mike Karl 2025-10-28 21:07:40 +01:00
parent 8856d4f8eb
commit 6ea3e13cfd
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/globals.css
View file

@ -23,18 +23,19 @@ body {
.polka::before{ .polka::before{
content: ""; content: "";
position: absolute; position: absolute;
width: 10000%; width: 200%;
height: 10000%; height: 200%;
top: -5000%; top: -50%;
left: -5000%; left: -50%;
z-index: -1; z-index: -1;
background-image: radial-gradient(#0c0a09 20%, #292524 22%); background-image: radial-gradient(#0c0a09b5 20%, #292524 22%);
background-size: 80px 80px; background-size: 80px 80px;
animation-name: background_keyframes; animation-name: background_keyframes;
animation-duration: 8s; animation-duration: 10s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: linear; animation-timing-function: linear;
transform: rotate(30deg); transform: rotate(35deg) scale(2);
contain: paint;
} }
@keyframes background_keyframes { @keyframes background_keyframes {