戻る

.status__avatar {
animation: rotate 12s linear infinite;
}

.account__avatar,
.account__avatar-overlay-base,
.account__avatar-overlay-overlay {
animation: purupuru 0.3s linear infinite;
}

@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@keyframes purupuru {
0% { transform: translate(6px, 4px) rotate(0deg); }
10% { transform: translate(-4px, -6px) rotate(-2deg); }
20% { transform: translate(-8px, 0px) rotate(2deg); }
30% { transform: translate(0px, 6px) rotate(0deg); }
40% { transform: translate(4px, -4px) rotate(2deg); }
50% { transform: translate(-4px, 6px) rotate(-2deg); }
60% { transform: translate(-8px, 4px) rotate(0deg); }
70% { transform: translate(6px, 4px) rotate(-2deg); }
80% { transform: translate(-4px, -4px) rotate(2deg); }
90% { transform: translate(4px, 8px) rotate(0deg); }
100% { transform: translate(4px, -6px) rotate(-2deg); }
}