From 135fdb989ef867c07869fe6a6c4082f6e9ee7987 Mon Sep 17 00:00:00 2001 From: hae-on Date: Sun, 11 Sep 2022 13:41:07 +0900 Subject: [PATCH] =?UTF-8?q?[=EC=98=A4=EB=B2=88=EC=97=AD=EC=88=98=EC=A0=95]?= =?UTF-8?q?=20Part=203=20-=20CSS=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4?= =?UTF-8?q?=EC=85=98=20#1560?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../1-animate-logo-css/solution.view/index.html | 2 +- 7-animation/2-css-animations/1-animate-logo-css/task.md | 6 +++--- 2 files changed, 4 insertions(+), 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 index 4e90e2478c..2ab0c1b030 100644 --- 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 index 81db46f2d5..a89eb76d21 100644 --- 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!" +- 효과가 끝나면 얼럿 창에 '완료!'가 출력됩니다. - 애니메이션이 실행되는 동안에는 사진을 클릭해도 애니메이션이 중단되지 않습니다.