My first FE page with AOS.js

이 페이지는 자바스크립트 라이브러리인
AOS(Animation on scroll).js를 사용한 프로젝트 입니다.

header

헤더부분을 nav처럼 만들었습니다.

커서를 올리면 글씨 아래에 줄이 생기는 애니메이션을
css로 만들어주었습니다.

section

section 부분을 3가지로 나누어서 각 키워드에 맞는 요소들로 채워주었습니다.
AOS라는 라이브러리를 사용하여 애니메이션을 쉽게 만들어 주었습니다. 
먼저 flip은 뒤집기 애니메이션이 들어간 라이브러리 코드입니다. 
그리고 fade는 흐렸던 요소가 점점 선명해지는 코드입니다. 

페이지 애니메이션

학교명은 Flip으로 애니메이션을 만들었고,
프로젝트가 들어갈 칸은 모두 fade로 되어있는데 
왼쪽과 오른쪽 요소의 등장하는 방항이 다르게 만들었습니다.