tylen/nyipyatki
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: make snowflakes slower

Browse Source
This commit is contained in:
tylen 2025-11-03 12:27:21 +02:00
parent f69fa8b563
commit 5051abc440
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Snowflakes.css
View File

@ -14,7 +14,7 @@
top: -10%; /* Start above the top of the screen */ top: -10%; /* Start above the top of the screen */
color: white; /* Snowflake color */ color: white; /* Snowflake color */
font-size: 1em; /* Size of the snowflake; adjust as needed */ font-size: 1em; /* Size of the snowflake; adjust as needed */
opacity: 0.8; /* Transparency */ opacity: 0.5; /* Transparency */
animation: fall linear infinite; /* Apply the fall animation */ animation: fall linear infinite; /* Apply the fall animation */
} }

2
frontend/src/components/Snowflakes.tsx
View File

@ -13,7 +13,7 @@ const Snowflakes: React.FC = () => {
className="snowflake" className="snowflake"
style={{ style={{
left: `${Math.random() * 100}vw`, // Random position across the full width left: `${Math.random() * 100}vw`, // Random position across the full width
animationDuration: `${Math.random() * 3 + 2}s`, // Random fall duration between 2s and 5s animationDuration: `${Math.random() * 20 + 10}s`, // Random fall duration between 2s and 5s
}} }}
> >
❄️ ❄️