You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
742 B
47 lines
742 B
2 years ago
|
@media(max-width:669px) {
|
||
|
|
.mv-bg {
|
||
|
|
background: linear-gradient(135deg,
|
||
|
|
hsl(170deg, 25%, 20%),
|
||
|
|
hsl(190deg, 45%, 30%),
|
||
|
|
hsl(240deg, 25%, 20%),
|
||
|
|
hsl(280deg, 45%, 30%),
|
||
|
|
hsl(320deg, 30%, 60%));
|
||
|
|
background-size: 500% 500%;
|
||
|
|
-moz-background-size: 500% 500%;
|
||
|
|
-webkit-background-size: 500% 500%;
|
||
|
|
animation: bg-linear 60s infinite;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0%;
|
||
|
|
left: 0;
|
||
|
|
z-index: -1;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes bg-linear {
|
||
|
|
0% {
|
||
|
|
background-position: 0% 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
20% {
|
||
|
|
background-position: 50% 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
40% {
|
||
|
|
background-position: 0% 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
60% {
|
||
|
|
background-position: 100% 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
80% {
|
||
|
|
background-position: 0% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
background-position: 0% 0%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|