텍스트 애니메이션

html에서 p태그 2개 만들어준다. (MainPage)

글자가 왼쪽에서 오른쪽 방향으로 나타나 중앙에 배치되는 애니메이션이다.

글자가 아래에서 위로 나타나는 애니메이션이다.

css로 애니메이션 주는 방법

1. position을 absolute로 준다.

2. 기본위치를 설정한다.

3. 키프레임을 선언한 후 animation:keyframe명으로 애니메이션을 추가해준다.

글자가 나타나는 방식

1s ease~ 1초 동안 ~한 형식으로 애니메이션 나타나게 하겠다.

애니메이션 순서 설정

0s forward 제일 먼저 나타나게 하겠다.
0.8s forward 0.8초후 나타나게 하겠다.

이런뜻이다.