에지 애니메이트 CC 무작정따라하기:HTML5 CSS3 자바스크립트를 몰라도 만들 수 있는 웹 표준 애니메이션 - WRAPUP

에지 애니메이트 CC를 사용하여 HTML5, CSS3, 자바스크립트를 몰라도 웹 표준 애니메이션을 만들어보겠습니다. 이번에는 상품의 상세 설명을 다루는 애니메이션을 만들어보겠습니다.

1. 먼저 에지 애니메이트 CC를 열고 새로운 파일을 생성합니다.

2. 화면에 상품 이미지를 추가하고, 상품 이름과 가격을 나타내는 텍스트를 추가합니다.

3. 이제 상세 설명을 보여주는 애니메이션을 만들어봅시다. 애니메이션을 추가하기 위해 몇 가지 텍스트 상자를 추가하고, 각각에 상세 설명을 입력합니다.

4. 각 텍스트 상자에 애니메이션을 추가하여 화면에 나타나도록 설정합니다. 예를 들어, 텍스트가 왼쪽에서 오른쪽으로 나타나는 애니메이션을 추가할 수 있습니다.

5. 애니메이션의 딜레이와 지연 시간을 조정하여 자연스럽게 움직이도록 만듭니다.

6. 마지막으로 애니메이션이 반복되도록 설정하고, 최종적으로 애니메이션을 미리보기하여 확인합니다.

이렇게 하면 HTML5, CSS3, 자바스크립트를 몰라도 에지 애니메이트 CC를 사용하여 웹 표준 애니메이션을 만들 수 있습니다. 상품의 상세 설명을 다루는 애니메이션을 만들어보는 것은 사용자들에게 더 많은 정보를 제공하는 데 도움이 될 것입니다. 즐겁게 애니메이션 만들기를 즐기시기 바랍니다!