π Reference
π Chapter
β£
β£
motion
- motion
- Motionμ κ°λ°μκ° μΉμ¬μ΄νΈμ μ λλ©μ΄μ
μ μ½κ² μΆκ°ν μ μλλ‘ λμμ£Όλ μ€ν μμ€ λΌμ΄λΈλ¬λ¦¬μ΄λ€.
- CSS λ° JavaScriptλ₯Ό κΈ°λ°μΌλ‘ νλ©°, 볡μ‘ν μ λλ©μ΄μ
μ κ°λ¨ν μ½λλ‘ κ΅¬νν μ μλ λ€μν λꡬμ κΈ°λ₯μ μ 곡νλ€.
νΉμ§
- μ μΈμ μ λλ©μ΄μ
: HTML νκ·Έμ μ§μ μμ±μ μΆκ°νμ¬ μ λλ©μ΄μ
μ μ μν μ μλ€. μλ₯Ό λ€μ΄,
animate μμ±μ μ¬μ©νμ¬ μμκ° μ΄λ»κ² μμ§μΌμ§ μ§μ ν μ μλ€.
- μ±λ₯ μ΅μ ν: Motionμ GPU κ°μμ νμ©νμ¬ λΆλλ½κ³ μ±λ₯μ΄ λ°μ΄λ μ λλ©μ΄μ
μ μ 곡νλ€. μ΄λ 볡μ‘ν μ λλ©μ΄μ
μ΄ μΉμ¬μ΄νΈμ μ±λ₯μ λ―ΈμΉλ μν₯μ μ΅μννλ€.
- λ€μν κΈ°λ₯: νΈλμ§μ
, ν€νλ μ, μ€ν¬λ‘€ μ λλ©μ΄μ
, μν κΈ°λ° μ λλ©μ΄μ
λ± λ€μν μ λλ©μ΄μ
ν¨κ³Όλ₯Ό μ§μνλ€.
- μ¬μ΄ μ¬μ©λ²: μ¬μ©μλ λͺ μ€μ μ½λλ‘ λ³΅μ‘ν μ λλ©μ΄μ
μ λ§λ€ μ μμ΄ μ΄λ³΄μλ μ½κ² μ κ·Όν μ μλ€.