우당탕탕 코딩생활

이번 포스팅은 스크롤과 좌표를 이용해서 패럴랙스 효과를 줘보도록 하겠습니다! 다시 한 번 복습하는 개념으로 패럴럭스에 대해 알아보자면, ParallaxEffect란? 패럴랙스 효과(Parallax Effect)란, 물체의 거리 차이에 따라 시차를 느끼게 하는 시각적인 효과를 말합니다. 웹 디자인에서는 패럴랙스 효과를 사용하여 웹페이지의 다양한 요소들이 서로 다른 속도로 움직이도록 하여 깊이감을 부여하는 효과를 줄 수 있습니다. 이를 통해 사용자에게 더욱 생생한 경험을 제공할 수 있습니다. 예를 들어, 스크롤을 내리면서 배경 이미지와 전경의 텍스트가 서로 다른 속도로 움직이면서 깊이감 있는 느낌을 줄 수 있습니다. 이 포스팅에서는 언스플래쉬와 스크롤라이브러리를 사용합니다! 이미지와 텍스트를 사용하기 위해 ..

parallax effect - pageYoffset || scrollY || scrollTop HTML 1 Javascript Parallax Effect01 패럴랙스 이펙트 : 메뉴 효과 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 Section1 신은 용기있는자를 결코 버리지 않는다. 02 Section2 피할수 없으면 즐겨라. 03 Section3 자신감 있는 표정을 지으면 자신감이 생긴다. 04 Section4 계단을 밟아야 계단 위에 올라설수 있다. 05 Section5 고통이 남기고 간 뒤를 보라! 고난이 지나면 반드시 기쁨이 스며든다. 06 Section6 마음만을 가지고 있어서는 안된다. 반드시 실천하여야 한다. 07 Section7 꿈을..