diff --git a/src/guide/extras/animation.md b/src/guide/extras/animation.md index 56ab235b..8aebe035 100644 --- a/src/guide/extras/animation.md +++ b/src/guide/extras/animation.md @@ -90,7 +90,7 @@ export default { ## 상태 기반 애니메이션 {#state-driven-animations} -예를 들어 상호 작용이 발생하는 동안 엘리먼트에 스타일을 바인딩하여 값을 보간하여 일부 트랜지션 효과를 적용할 수 있습니다. +상호 작용이 발생하는 동안 엘리먼트에 스타일을 바인딩함으로써 값을 보간하여 일부 트랜지션 효과를 적용할 수 있습니다. 예를 들면 다음과 같습니다:
@@ -142,9 +142,9 @@ export default { -색상 외에도 스타일 바인딩을 사용하여 `transform`, `width` 또는 `height`에 애니메이션을 적용할 수도 있습니다. -스프링 물리학을 사용하여 SVG `path`에 애니메이션할 수도 있습니다. -결국 모두 속성 데이터 바인딩입니다: +색상뿐만 아니라 transform, width, height 같은 속성에도 스타일 바인딩을 사용하여 애니메이션을 적용할 수 있습니다. +심지어 spring physics(스프링 물리학)를 이용해 SVG 경로를 애니메이션화할 수도 있습니다. +결국 이 모든 것들은 속성에 데이터를 바인딩하는 것이기 때문입니다: