버튼 모션 모음

CSS 보기에서 그대로 복사해 쓸 수 있어요.

버튼 색

성격

모션 최소화(접근성) 설정을 켠 사람에겐 실제 페이지에서 반복 모션을 끄는 게 원칙이에요 — 복사한 CSS에 아래 한 줄을 같이 넣으세요.
@media (prefers-reduced-motion: reduce) { .btn, .btn * , .btn::before, .btn::after { animation: none !important; } }