Glass && Sunset

This commit is contained in:
k
2024-12-05 12:53:22 -05:00
commit fdebfa3d92
4 changed files with 47 additions and 0 deletions

30
sunset/sunset.css Normal file
View File

@@ -0,0 +1,30 @@
:root{
--ColorA: pink;
--ColorB: purple;
}
.sunset {
background: linear-gradient(45deg, var(--ColorA) 2%, var(--ColorB));
margin: 0px;
animation: gradient 35s linear infinite;
background-size: 180% 180%;
height: 100vh;
width: 100vw;
position: fixed;
z-index: -1;
top:0;
left:0;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}

3
sunset/sunset.html Normal file
View File

@@ -0,0 +1,3 @@
<link rel="stylesheet" href="sunset.css">
<div class=sunset></div>
<p>demo txt</p>