Skip to content

Commit 135fdb9

Browse files
hae-onViolet-Bora-Lee
authored andcommitted
[오번역수정] Part 3 - CSS 애니메이션 #1560
1 parent 05f0a98 commit 135fdb9

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

Diff for: 7-animation/2-css-animations/1-animate-logo-css/solution.view/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
flyjet.addEventListener('transitionend', function() {
3535
if (!ended) {
3636
ended = true;
37-
alert('Done!');
37+
alert('완료!');
3838
}
3939
});
4040

Diff for: 7-animation/2-css-animations/1-animate-logo-css/task.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44

55
# 비행기에 애니메이션 효과주기 (CSS)
66

7-
아래 사진의 애니메이션 효과 보기 (비행기를 클릭해보세요):
7+
아래 비행기 사진을 클릭하여 어떤 애니메이션 효과가 구현되어 있는지 살펴봅시다.
88

99
[iframe src="solution" height=300]
1010

11-
- 사진을 클릭하면 `40x24px` 에서 `400x240px`로 확대됩니다. (10배 확대)
11+
- 사진을 클릭하면 크기가 `40x24px` 에서 `400x240px`로 확대됩니다(10배 확대).
1212
- 해당 효과는 3초가 소요됩니다.
13-
- 다음 메시지가 출력됩니다.: "Done!"
13+
- 효과가 끝나면 얼럿 창에 '완료!'가 출력됩니다.
1414
- 애니메이션이 실행되는 동안에는 사진을 클릭해도 애니메이션이 중단되지 않습니다.

0 commit comments

Comments
 (0)