forked from rDrama/rDrama
make rainbow award animated
parent
c061936b53
commit
d0e32fcb57
|
@ -6668,11 +6668,21 @@ g {
|
||||||
}
|
}
|
||||||
|
|
||||||
.rainbow-text:not(a) {
|
.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;
|
color: transparent !important;
|
||||||
font-weight: 700 !important;
|
font-weight: 700 !important;
|
||||||
background-clip: text !important;
|
background-clip: text !important;
|
||||||
-webkit-background-clip: text !important;
|
-webkit-background-clip: text !important;
|
||||||
|
animation: 60s linear 0s infinite move-colors;
|
||||||
}
|
}
|
||||||
|
|
||||||
.queen:not(a):not(.ectoplasm) {
|
.queen:not(a):not(.ectoplasm) {
|
||||||
|
@ -7684,3 +7694,8 @@ ul {
|
||||||
background: #3d3d3d;
|
background: #3d3d3d;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes move-colors {
|
||||||
|
from {background-position: 0px;}
|
||||||
|
to {background-position: 1000px;}
|
||||||
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
#post-title, #post-content p {
|
#post-title, #post-content p {
|
||||||
--color2: #cc4145;
|
|
||||||
--color1: rgb(12, 128, 101);
|
--color1: rgb(12, 128, 101);
|
||||||
|
--color2: #cc4145;
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
background: repeating-linear-gradient(
|
background: repeating-linear-gradient(
|
||||||
45deg, var(--color2), var(--color2) 10px,
|
45deg, var(--color2), var(--color2) 10px,
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
animation: 45s linear 0s infinite candy-corn-move;
|
animation: 45s linear 0s infinite move-colors;
|
||||||
}
|
}
|
||||||
|
|
||||||
#post-title a {
|
#post-title a {
|
||||||
|
@ -19,8 +19,3 @@
|
||||||
#post-title:hover, #post-content p:hover {
|
#post-title:hover, #post-content p:hover {
|
||||||
animation-duration: 10s;
|
animation-duration: 10s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes candy-corn-move {
|
|
||||||
from {background-position: 0px;}
|
|
||||||
to {background-position: 1000px;}
|
|
||||||
}
|
|
||||||
|
|
|
@ -501,7 +501,7 @@ body::after {
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
color: transparent !important;
|
color: transparent !important;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
animation: 32s linear 0s infinite candy-corn-move;
|
animation: 32s linear 0s infinite move-colors;
|
||||||
}
|
}
|
||||||
|
|
||||||
.candy-corn:not(a) > p {
|
.candy-corn:not(a) > p {
|
||||||
|
@ -516,15 +516,6 @@ body::after {
|
||||||
animation-duration: 10s;
|
animation-duration: 10s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes candy-corn-move {
|
|
||||||
from {
|
|
||||||
background-position: 0px;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 1000px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Ectoplasm */
|
/* Ectoplasm */
|
||||||
.ectoplasm {
|
.ectoplasm {
|
||||||
text-shadow: 0 0 20px #3AE63A;
|
text-shadow: 0 0 20px #3AE63A;
|
||||||
|
|
Loading…
Reference in New Issue