Search

Tailwind - hover

Tailwind - hover

hover:μŠ€νƒ€μΌν΄λž˜μŠ€ μ‚¬μš©ν•˜λ©΄, hover(마우슀λ₯Ό 올린) μƒνƒœμΌ λ•Œ μŠ€νƒ€μΌμ„ μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
일반적인 CSS μ—μ„œλŠ” :hover 가상 μ„ νƒμžλ‘œ μŠ€νƒ€μΌ 속성을 μ§€μ •ν•˜μ—¬ hover μƒνƒœμΌ λ•Œ μŠ€νƒ€μΌλ§μ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
tailwind μ—μ„œλŠ” hover:μŠ€νƒ€μΌν΄λž˜μŠ€ ν˜•νƒœλ‘œ hover μƒνƒœμΌ λ•Œ μŠ€νƒ€μΌμ„ 지정할 수 μžˆμŠ΅λ‹ˆλ‹€.
λ²„νŠΌ, 링크, μΉ΄λ“œ, 이미지, μ•„μ΄μ½˜, νƒ­ λ“±μ˜ UI μš”μ†Œμ— hover μŠ€νƒ€μΌμ„ μ μš©ν•˜λ©΄ μ‚¬μš©μžμ—κ²Œ 더 직관적인 UI λ₯Ό μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€.