깜놀하는 해므찌로

Tailwind hover 호버 시 커짐, 확대 효과 / force element state 본문

IT

Tailwind hover 호버 시 커짐, 확대 효과 / force element state

agnusdei1207 2023. 6. 30. 12:22
반응형
SMALL

class="hover:bg-primary hover:text-white hover:scale-[1.2] transition-transform"

1. force element state -> :avtive, :hover, :focus 등

2. scale : 확대 효과

3. transition-transform : 서서히 커지도록 애니메이션 효과

반응형
LIST

'IT' 카테고리의 다른 글

ApexChart 범위 0~100, 100~200 방식으로 보여주기 예시 / yaxis  (0) 2023.06.30
Swiper silde vertical 수직 슬라이드 구현 예시 / 랜덤 이미지 가져오기 / tailwind group class 이름 가져오기  (0) 2023.06.30
Angular 현재 URL 가져오기 router.events.pipe  (0) 2023.06.29
Angulr Swiper 배경 이미지 슬라이드 활용 예시 / 슬라이드 터치 막기, 시간, 반복, 상세 설정  (0) 2023.06.29
SVG change color / SVG 색상 수정 예시  (0) 2023.06.29
'IT' Related Articles more