웹언어/CSS
[CSS] Parallax Scroll / 패럴렉스 적용방법
Parallax Scroll 적용방법 영역 요소에 background-attachment : fixed; 를 선언하고 background를 설정함으로 손쉽게 적용할수 있습니다. 코드 [html] Parallax Effect 패럴렉스는 끌려가는 느낌을 줍니다 (시각적 효과) Normal 일반적인 효과는 컨텐츠와 같이 움직입니다. [css] *{ margin : 0; padding : 0; } div{ height : 100vh; width : 100%; } h1{ text-align : center; line-height : 100vh; color : white; font-size : 70px; } p{ text-align : center; line-height : 100vh; font-size : 30p..
2021. 3. 24. 09:45