[오번역수정] Part 3 - CSS 애니메이션 #1560

javascript-tutorial · Sep 13, 2022 · 135fdb9 · 135fdb9
1 parent 05f0a98
commit 135fdb9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/7-animation/2-css-animations/1-animate-logo-css/solution.view/index.html b/7-animation/2-css-animations/1-animate-logo-css/solution.view/index.html
@@ -34,7 +34,7 @@
       flyjet.addEventListener('transitionend', function() {
         if (!ended) {
           ended = true;
-          alert('Done!');
+          alert('완료!');
         }
       });
 

diff --git a/7-animation/2-css-animations/1-animate-logo-css/task.md b/7-animation/2-css-animations/1-animate-logo-css/task.md
@@ -4,11 +4,11 @@
 
 # 비행기에 애니메이션 효과주기 (CSS)
 
-아래 사진의 애니메이션 효과 보기 (비행기를 클릭해보세요):
+아래 비행기 사진을 클릭하여 어떤 애니메이션 효과가 구현되어 있는지 살펴봅시다.
 
 [iframe src="solution" height=300]
 
-- 사진을 클릭하면 `40x24px` 에서 `400x240px`로 확대됩니다. (10배 확대)
+- 사진을 클릭하면 크기가 `40x24px` 에서 `400x240px`로 확대됩니다(10배 확대).
 - 해당 효과는 3초가 소요됩니다.
-- 다음 메시지가 출력됩니다.: "Done!"
+- 효과가 끝나면 얼럿 창에 '완료!'가 출력됩니다.
 - 애니메이션이 실행되는 동안에는 사진을 클릭해도 애니메이션이 중단되지 않습니다.