1680万色に光るゲーミング🎄

gaming_unatree.user.css

/* ==UserStyle==
@name           Gaming Unatree
@namespace      hen.acho.co
@version        1.2.0
@description    illumination with 16.8 million colors
@author         pacochi
==/UserStyle== */

@keyframes gamingunatree {
	0% { filter: brightness(100%) saturate(200%) hue-rotate(0deg); }
	5% { filter: brightness(200%) saturate(100%) hue-rotate(18deg); }
	10% { filter: brightness(100%) saturate(200%) hue-rotate(36deg); }
	15% { filter: brightness(200%) saturate(100%) hue-rotate(54deg); }
	20% { filter: brightness(100%) saturate(200%) hue-rotate(72deg); }
	25% { filter: brightness(200%) saturate(100%) hue-rotate(90deg); }
	30% { filter: brightness(100%) saturate(200%) hue-rotate(108deg); }
	35% { filter: brightness(200%) saturate(100%) hue-rotate(126deg); }
	40% { filter: brightness(100%) saturate(200%) hue-rotate(144deg); }
	45% { filter: brightness(200%) saturate(100%) hue-rotate(162deg); }
	50% { filter: brightness(100%) saturate(200%) hue-rotate(180deg); }
	55% { filter: brightness(200%) saturate(100%) hue-rotate(198deg); }
	60% { filter: brightness(100%) saturate(200%) hue-rotate(216deg); }
	65% { filter: brightness(200%) saturate(100%) hue-rotate(234deg); }
	70% { filter: brightness(100%) saturate(200%) hue-rotate(252deg); }
	75% { filter: brightness(200%) saturate(100%) hue-rotate(270deg); }
	80% { filter: brightness(100%) saturate(200%) hue-rotate(288deg); }
	85% { filter: brightness(200%) saturate(100%) hue-rotate(306deg); }
	90% { filter: brightness(100%) saturate(200%) hue-rotate(324deg); }
	95% { filter: brightness(200%) saturate(100%) hue-rotate(342deg); }
	100% { filter: brightness(100%) saturate(200%) hue-rotate(360deg); }
}

a.avatar[href='https://mstdn.maud.io/@unarist'],
a.account__header__avatar[href='https://mstdn.maud.io/@unarist'],
a.detailed-status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar,
a.status__display-name[href='https://mstdn.maud.io/@unarist'] div.account__avatar-overlay-base,
img[alt='unarist@mstdn.maud.io'] {
	animation: gamingunatree 10s infinite;
}

.account__avatar:has(img[alt='unarist@mstdn.maud.io'])::after {
	content: '';
	position: absolute;
	display: block;
	top: 0px;
	backdrop-filter: sepia() hue-rotate(24deg) saturate(200%);
}

.avatar > .account__avatar:has(img[alt='unarist@mstdn.maud.io'])::after {
	left: 36px;
	width: 15px;
	height: 20px;

}

.status__avatar > .account__avatar:has(img[alt='unarist@mstdn.maud.io'])::after {
	left: 19px;
	width: 7px;
	height: 8px;

}