Flip Coin Loader
コインが裏返るように回転するローダー。
HTML
<div class="coin"></div>
CSS
.coin {
width: 32px;
height: 32px;
border-radius: 50%;
background: linear-gradient(135deg, #1a1a1a 50%, #999 50%);
animation: coin-flip 1.2s ease-in-out infinite;
}
@keyframes coin-flip {
0% { transform: rotateY(0deg); }
50% { transform: rotateY(180deg); }
100% { transform: rotateY(360deg); }
}