-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCustom CSS forTipeeeStream Countdown Widget
46 lines (42 loc) · 1.88 KB
/
Custom CSS forTipeeeStream Countdown Widget
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/* Feel free to experiment around with it! */
/* There's a few animations that you can play with, such as: */
/* bounce, flash, pulse, rubberBand, shake, swing, tada, */
/* wobble, jello, bounceIn, bounceInDown, bounceInLeft, */
/* bounceInRight, bounceInUp, bounceOut, bounceOutDown, */
/* bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, */
/* fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, */
/* fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, */
/* fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, */
/* fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, */
/* fadeOutUpBig, flipInX, flipInY, flipOutX, flipOutY, */
/* lightSpeedIn, lightSpeedOut, rotateClockwise, */
/* rotateCounterClockwise, rotateIn, rotateInDownLeft, */
/* rotateInDownRight, rotateInUpLeft, rotateInUpRight, */
/* rotateOut, rotateOutDownLeft, rotateOutDownRight, */
/* rotateOutUpLeft, rotateOutUpRight, hinge, rollIn, */
/* rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, */
/* zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, */
/* zoomOutUp, slideInDown, slideInLeft, slideInRight,
/* slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp. */
.timers_countdowns-container {
background-image: url(https://media.giphy.com/media/3oEduJXGwLsIe1RRPG/giphy.gif);
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-attachment: fixed;
-webkit-text-stroke: 0;
/* Animation remains the same */
animation: pulseAndFlash 4s infinite;
}
@keyframes pulseAndFlash {
0%, 100% {
transform: scale(1);
text-shadow: none;
-webkit-text-stroke: 0;
}
50% {
transform: scale(1.1);
text-shadow: 0 0 10px #ebbc3c, 0 0 20px #ebbc3c, 0 0 30px #ebbc3c;
-webkit-text-stroke: 1px #ebbc3c;
}
}