32 lines
581 B
CSS
32 lines
581 B
CSS
body {
|
|
margin: 0;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
|
|
background: linear-gradient(-45deg, #0f172a, #1e293b, #0ea5e9, #22c55e);
|
|
background-size: 400% 400%;
|
|
animation: gradientShift 12s ease infinite;
|
|
|
|
color: white;
|
|
font-family: Arial;
|
|
}
|
|
|
|
#waveCanvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
#particleCanvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
@keyframes gradientShift {
|
|
0% { background-position: 0% 50%; }
|
|
50% { background-position: 100% 50%; }
|
|
100% { background-position: 0% 50%; }
|
|
} |