【Misskey】画像が表示された時にキラっとさせるカスタムCSS

/* 画像が表示された時にキラっとさせる */
div.xnU59.xesxE.image {
	display:inline-block;
	position:relative;
	overflow:hidden;
}
div.xnU59.xesxE.image:after {
	content:"";
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out;
}
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}