Improve visual design: gradients, glows, particles, animations

This commit is contained in:
Quanysh 2026-09-03 12:11:17 +00:00
parent d13c64ab25
commit eebbb75806
2 changed files with 555 additions and 147 deletions

View File

@ -7,6 +7,18 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<!-- Animated Background Particles -->
<div class="particles">
<div class="particle" style="left: 10%; animation-delay: 0s;"></div>
<div class="particle" style="left: 20%; animation-delay: 2s;"></div>
<div class="particle" style="left: 30%; animation-delay: 4s;"></div>
<div class="particle" style="left: 40%; animation-delay: 1s;"></div>
<div class="particle" style="left: 60%; animation-delay: 3s;"></div>
<div class="particle" style="left: 70%; animation-delay: 5s;"></div>
<div class="particle" style="left: 80%; animation-delay: 2.5s;"></div>
<div class="particle" style="left: 90%; animation-delay: 4.5s;"></div>
</div>
<div class="app"> <div class="app">
<!-- Header --> <!-- Header -->
<header class="header"> <header class="header">

690
style.css

File diff suppressed because it is too large Load Diff