κ°λΉμ€μ½ ν¨κ³Όμ λν μκ°
κ°λΉμ€μ½ ν¨κ³Όλ μΉ λμμΈμμ μ¬μ©λλ μκ°μ ν¨κ³Ό μ€ νλλ‘, μ¬μ©μμ λ§μ°μ€ 컀μκ° μμ μλ‘ μμ§μΌ λ λ°μνλ ν¨κ³Όμ λλ€. μ΄ ν¨κ³Όλ₯Ό ν΅ν΄ μ¬μ©μμ μνΈμμ©μ λμ¬ μΉμ¬μ΄νΈμ μ¬μ©μ κ²½νμ ν₯μμν¬ μ μμ΅λλ€.
μΌλ°μ μΌλ‘ κ°λΉμ€μ½ ν¨κ³Όλ λ€μκ³Ό κ°μ νΉμ§μ΄ μμ΅λλ€:
ν μ€νΈ λλ μ΄λ―Έμ§ μμ λ§μ°μ€ 컀μκ° μ¬λΌκ° λ, μμ μ£Όμμ λκ·ΈλΌλ―Έ λͺ¨μμ κ°λΉμ€μ½μ΄ λνλλ ν¨κ³Όλ‘ ꡬνλ©λλ€. μ΄ κ°λΉμ€μ½μ λ§μ°μ€ 컀μλ₯Ό λ°λΌλ€λλλ€.
κ°λΉμ€μ½ ν¨κ³Όλ μ¬μ©μ μ λ ₯μ μκ°μ μΌλ‘ κ°μ‘°ν¨μΌλ‘μ¨ μνΈμμ©μ λν νΌλλ°±μ μ 곡ν©λλ€. μ΄λ₯Ό ν΅ν΄ μ¬μ©μλ μμμ ν΄λ¦ λλ νΈλ²λ₯Ό ν λ λ°μνλ μ‘μ μ μμΈ‘ν μ μκ² λ©λλ€.
κ°λΉμ€μ½ ν¨κ³Όλ CSSμ JavaScriptλ₯Ό μ¬μ©νμ¬ κ΅¬νν μ μμ΅λλ€. CSSμ
hover
μtransform
μμ±, JavaScriptμ μ΄λ²€νΈ 리μ€λλ₯Ό νμ©νμ¬ μνλ κ°λΉμ€μ½ ν¨κ³Όλ₯Ό ꡬνν μ μμ΅λλ€.μΌλ°μ μΌλ‘ κ°λΉμ€μ½ ν¨κ³Όλ μΉμ¬μ΄νΈμ λ‘κ³ , λ²νΌ, λ§ν¬ λ± μ¬μ©μκ° ν΄λ¦ν μ μλ μμμ μ μ©λ©λλ€. μ΄λ₯Ό ν΅ν΄ μ¬μ©μλ μνλ μ‘μ μ μννκΈ° μν΄ λ§μ°μ€ 컀μλ₯Ό ν΄λΉ μμ μλ‘ μμ§μ΄λλ‘ μ λλ©λλ€.
κ°λΉμ€μ½ ν¨κ³Όλ μ¬μ©μμμ μνΈμμ©μ κ°νν΄μ£Όλ λμμΈ μμλ‘, μΉμ¬μ΄νΈμ μκ°μ μΈ λ§€λ ₯κ³Ό μ¬μ©μ κ²½νμ ν₯μμν¬ μ μμ΅λλ€. μ΄λ₯Ό μ μ ν νμ©νμ¬ μΉμ¬μ΄νΈλ₯Ό λμμΈνλ©΄ μ¬μ©μλ€μ΄ λμ± μ¬λ―Έμκ³ νΈλ¦¬ν κ²½νμ ν μ μμ΅λλ€.
λκΈ