1년 차 디자이너도 설치할 수 있습니다!발락스 입문

며칠 전에 간단한 시차 효과를 설치해 보았지만, 프로그램 라이브러리를 사용하지 않고 간단하게 했기 때문에 어떻게 했는지 귀결해 보려고 합니다. 이번에 제작된 발락스의 동작은 다음과 같은 인상을 준다. 이번 상황은 점 배경 부분의 굴림 속도를 느리게 함으로써 시차 효과를 발생시킨다.(상기 Gif 이미지 참조) 핵심은 스크롤 속도를 바꾸고 싶은 모든 요소에 id를 사용해야 한다는 것이다. 이번에...

HTMLjQueryparallaxCSS

[JavaScript] 라이브러리 없이 뷰티(뷰티 효과) 배경 만들기

이 글에서 해설한 시각차는 이다. (이 추천 라이브러리)배경만 천천히 굴러다니는 내가 추구하는 시차는 없다. 그래서 제가 직접 해 봤는데 의외로 간단해서 기사를 썼어요. 배경 그림을 들으면 발락스인데 가장 먼저 떠오르는 것은 CSSbackground-attachment 속성이다. 여기서 값fixed을 설정하면 요소를 스크롤해도 배경이 스크롤되지 않아 낙하산을 연출할 수 있습니다. 의기양양하게...

parallaxrequestAnimationFrameJavaScriptCSS