forked from rDrama/rDrama
1
0
Fork 0

Adds the replacement gold animation

Mike Hawk 2024-06-04 18:37:57 -07:00
parent fa1d8ccab1
commit 137b342769
3 changed files with 29 additions and 19 deletions

View File

@ -8,12 +8,8 @@ lite-youtube, iframe {
}
.gold-text:not(a), h1.gold-text.post-title a, :not(td) > a[href="/h/highrollerclub"]:not(.hole-flair) {
background: repeating-linear-gradient(
45deg,
gold,
#debd00 20px,
#cdae00 60px
);
background: url("/i/animations/gold_gradient.svg");
background-size: 200% 200%;
}
code {

View File

@ -7611,27 +7611,19 @@ blink {
.gold-text:not(a), h1.gold-text.post-title a, :not(td) > a[href="/h/highrollerclub"]:not(.hole-flair) {
font-family: open sans,sans-serif !important;
background: repeating-linear-gradient(
45deg,
#a78e00,
#947d00 20px,
#847000 60px
);
background: url("/i/animations/gold_gradient.svg") repeat;
background-size: 200% 200%;
color: transparent !important;
font-weight: 700 !important;
background-clip: text !important;
-webkit-background-clip: text !important;
animation: 60s linear 0s infinite move-colors;
}
:not(td) > a[href="/h/highrollerclub"].hole-flair, .effortpost-flair {
font-family: open sans,sans-serif !important;
background: repeating-linear-gradient(
45deg,
#a78e00,
#947d00 20px,
#847000 60px
);
background: url("/i/animations/gold_gradient.svg");
background-size: 200% 200%;
background-repeat: repeat-x;
font-weight: 700 !important;
animation: 60s linear 0s infinite move-colors;
}

View File

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient gradientUnits="userSpaceOnUse" id="myGradient" x1="0" y1="0" x2="60" y2="0">
<stop offset="0%" stop-color="gold" />
<stop offset="33%" stop-color="#debd00" />
<stop offset="100%" stop-color="#cdae00" />
</linearGradient>
<pattern id="bg" patternUnits="userSpaceOnUse" width="60" height="1" patternTransform="rotate(-45 50 50)">
<rect width="100%" height="100%" fill="url(#myGradient)">
</rect>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#bg)"></rect>
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="-84.852"
to="0"
dur="2s"
repeatCount="indefinite" />
</svg>

After

Width:  |  Height:  |  Size: 887 B