IT
Tailwind 버튼 클릭 효과 / 버튼 클릭 시 커졌다 작아지는 효과
agnusdei1207
2023. 5. 22. 16:35
반응형
SMALL
<div class="hover:scale-125 active:scale-105 trasition-all">
버튼
<div>
1. 호버 시 크기가 커짐
2. 클릭 하는 찰나 (active) 크기가 작아지고 다시 크기가 커집니다.
3. 모든 동작이 애니메이션처럼 부드럽게 작동하도록 transition-all
반응형
LIST