热门推荐
热门推荐
This commit is contained in:
@@ -6,28 +6,25 @@
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
overflow: hidden;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
.rainbow-gradient {
|
||||
.modern-gradient {
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
background: linear-gradient(
|
||||
217deg,
|
||||
rgba(255, 0, 0, 0.6),
|
||||
rgba(255, 0, 0, 0) 70.71%
|
||||
), linear-gradient(
|
||||
127deg,
|
||||
rgba(0, 255, 0, 0.6),
|
||||
rgba(0, 255, 0, 0) 70.71%
|
||||
), linear-gradient(
|
||||
336deg,
|
||||
rgba(0, 0, 255, 0.6),
|
||||
rgba(0, 0, 255, 0) 70.71%
|
||||
135deg,
|
||||
rgba(230, 22, 45, 0.4) 0%,
|
||||
rgba(245, 80, 80, 0.3) 25%,
|
||||
rgba(250, 120, 110, 0.2) 50%,
|
||||
rgba(255, 140, 140, 0.3) 75%,
|
||||
rgba(255, 90, 90, 0.4) 100%
|
||||
);
|
||||
animation: rainbow-rotate 15s linear infinite;
|
||||
animation: gradient-flow 20s ease-in-out infinite;
|
||||
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
|
||||
}
|
||||
|
||||
@keyframes rainbow-rotate {
|
||||
|
||||
Reference in New Issue
Block a user