make rainbow award animated

master
Aevann 2023-10-02 17:47:54 +03:00
parent c061936b53
commit d0e32fcb57
3 changed files with 19 additions and 18 deletions

View File

@ -6668,11 +6668,21 @@ g {
}
.rainbow-text:not(a) {
background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important;
background: repeating-linear-gradient(
45deg,
violet,
rgb(178, 94, 238) 20px,
lightblue 40px,
green 60px,
yellow 80px,
orange 100px,
#ff7f7f 120px
);
color: transparent !important;
font-weight: 700 !important;
background-clip: text !important;
-webkit-background-clip: text !important;
animation: 60s linear 0s infinite move-colors;
}
.queen:not(a):not(.ectoplasm) {
@ -7684,3 +7694,8 @@ ul {
background: #3d3d3d;
}
}
@keyframes move-colors {
from {background-position: 0px;}
to {background-position: 1000px;}
}

View File

@ -1,6 +1,6 @@
#post-title, #post-content p {
--color2: #cc4145;
--color1: rgb(12, 128, 101);
--color2: #cc4145;
font-family: "Open Sans", sans-serif;
background: repeating-linear-gradient(
45deg, var(--color2), var(--color2) 10px,
@ -9,7 +9,7 @@
background-clip: text;
color: transparent;
-webkit-background-clip: text;
animation: 45s linear 0s infinite candy-corn-move;
animation: 45s linear 0s infinite move-colors;
}
#post-title a {
@ -19,8 +19,3 @@
#post-title:hover, #post-content p:hover {
animation-duration: 10s;
}
@keyframes candy-corn-move {
from {background-position: 0px;}
to {background-position: 1000px;}
}

View File

@ -501,7 +501,7 @@ body::after {
background-clip: text;
color: transparent !important;
-webkit-background-clip: text;
animation: 32s linear 0s infinite candy-corn-move;
animation: 32s linear 0s infinite move-colors;
}
.candy-corn:not(a) > p {
@ -516,15 +516,6 @@ body::after {
animation-duration: 10s;
}
@keyframes candy-corn-move {
from {
background-position: 0px;
}
to {
background-position: 1000px;
}
}
/* Ectoplasm */
.ectoplasm {
text-shadow: 0 0 20px #3AE63A;