makes every emoji on blaseball.com spin constantly because why not
spinny by mynotaurus
Details
Authormynotaurus
LicenseNo License
Categoryblaseball
Created
Updated
Size3.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name spinny
@namespace github.com/openstyles/stylus
@version 2.0.0
@description A new userstyle
@author Myno
@preprocessor less
@var checkbox SpinDX "Make EVERYTHING spin" 0;
==/UserStyle== */
@-moz-document domain("blaseball.com") {
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
:root {
--spindx: @SpinDX;
}
img[alt="๐ฌ"], img[alt="๐ฎ"], img[alt="๐น"], img[alt="๐ฃ"], img[alt="๐ฑ"], img[alt="๐"], img[alt="๐ฆ"], img[alt="๐"], img[alt="๐ค"], img[alt="๐ฅง"], img[alt="๐
"], img[alt="๐ฑ"], img[alt="๐ "], img[alt="๐ต"], img[alt="๐"], img[alt="๐ฅฉ"], img[alt="๐ฅ"], img[alt="๐"], img[alt="๐ธ"], img[alt="โจ"], img[alt="๐"], img[alt="๐"], img[alt="๐"], img[alt="๐"] {
animation: spin 3s linear infinite;
}
img[alt="๐ฌ"]:hover, img[alt="๐ฎ"]:hover, img[alt="๐น"]:hover, img[alt="๐ฃ"]:hover, img[alt="๐ฑ"]:hover, img[alt="๐"]:hover, img[alt="๐ฆ"]:hover, img[alt="๐"]:hover, img[alt="๐ค"]:hover, img[alt="๐ฅง"]:hover, img[alt="๐
"]:hover, img[alt="๐ฑ"]:hover, img[alt="๐ "]:hover, img[alt="๐ต"]:hover, img[alt="๐"]:hover, img[alt="๐ฅฉ"]:hover, img[alt="๐ฅ"]:hover, img[alt="๐"]:hover, img[alt="๐ธ"]:hover, img[alt="โจ"]:hover, img[alt="๐"]:hover, img[alt="๐"]:hover, img[alt="๐"]:hover, img[alt="๐"]:hover {
animation-play-state: paused;
}
.playtab__cover-cta-icon{
animation: spin 3s linear infinite;
}
.playtab__cover-cta-icon:hover{
animation-play-state: paused;
}
img:not(img[alt="๐ฌ"], img[alt="๐ฎ"], img[alt="๐น"], img[alt="๐ฃ"], img[alt="๐ฑ"], img[alt="๐"], img[alt="๐ฆ"], img[alt="๐"], img[alt="๐ค"], img[alt="๐ฅง"], img[alt="๐
"], img[alt="๐ฑ"], img[alt="๐ "], img[alt="๐ต"], img[alt="๐"], img[alt="๐ฅฉ"], img[alt="๐ฅ"], img[alt="๐"], img[alt="๐ธ"], img[alt="โจ"], img[alt="๐"], img[alt="๐"], img[alt="๐"], img[alt="๐"],.playtab__cover-cta-icon > img), svg:not(.playtab__cover-cta-icon > svg), .decree__icon {
animation-name: spin;
animation-duration: calc(5s*var(--spindx));
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-play-state: paused;
}
img:not(img[alt="๐ฌ"], img[alt="๐ฎ"], img[alt="๐น"], img[alt="๐ฃ"], img[alt="๐ฑ"], img[alt="๐"], img[alt="๐ฆ"], img[alt="๐"], img[alt="๐ค"], img[alt="๐ฅง"], img[alt="๐
"], img[alt="๐ฑ"], img[alt="๐ "], img[alt="๐ต"], img[alt="๐"], img[alt="๐ฅฉ"], img[alt="๐ฅ"], img[alt="๐"], img[alt="๐ธ"], img[alt="โจ"], img[alt="๐"], img[alt="๐"], img[alt="๐"], img[alt="๐"],.playtab__cover-cta-icon > img):hover, svg:not(.playtab__cover-cta-icon > svg):hover, .decree__icon:hover{
animation-play-state: running;
}
}