[UI/UX] gent.midea (패럴럭스, SVG, canvas 등)

https://www.gent.media/  사이트를 보고, 다양하게 참고해볼만한 것들이 많아 이러저리 살펴봄.

 

 

 

 

ABOUT

 

 

- 타이틀인 "award-winningdesigner/creativedeveloper" 글자는 각 글자를 <span>태그로 감싸서 animation-delay를 이용.

 

- 나머지 작은 글자들을 모두 <span>으로 감싸기는 어려우니 아래에서 위로 올라오는 모션을 줌.

 

- 

 

 

 

 

 

GENT

 

- about 페이지와 동이한 타이포 애니메이션.

 

- 스크롤다운 아이콘 효과.

 

- canvas로 구현한 우주 효과... 아마도 three.js인 듯

 

- 스크롤을 없애고, 페이지 길이를 오른쪽 bar로 줌.

 

- 포폴사이트들의 패럴럭스 효과가 괜춘~