[UXUI 디자인 1기] 231220 TIL.

231220 수

 얼추 윤곽이 많이 잡힌 팀 소개 웹 사이트에 패럴랙스 디자인을 접목시키고 싶어 공부해 보았다.

타이틀을 프레임중앙에서 축소하며 상단으로 이동하는 디자인을 적용시켜 보았고, 아래 컨텐츠들은 백그라운드에 배경 이미지가 없기 때문에 디자인 활용이 어려워서 스크롤 시 프레임에 투명도를 조절하는 애니메이션을 주려 했는데 원하는 결과물과 비슷하게는 나왔지만, 스크롤 변경시 프레임이 한번씩 끊기는 현상이 발생하였는데 아직 해결점을 찾지 못하였다. 

 

 

-참고자료 :

http://davegamache.com/parallax/

https://www.youtube.com/shorts/N-o87ovZnOI

https://www.youtube.com/shorts/1rM-dnxdBkQ

https://www.youtube.com/watch?v=sN0Q8-zTRHA&t=5s