728x90 css스냅기능1 CSS 한줄로 슬라이드 모션효과를 줄수있는 scroll-snap-type 오늘 소개해드릴 기능은 PC에서는 마우스휠로 모바일에서는 터치드레그로 슬라이드 모션 혹은 스냅효과를 줄 수있는 CSS기능입니다 자..잠깐! JS가 아닌 CSS로 그게 가능하다고??!! 이미 오래전부터 모바일 웹사이트로의 유입이 많아지면서 많은양의 컨텐츠를 화면내에서 카드섹션형식이나 리스트형식으로 보여주기위해 흔하게 사용되고 있는 UI인데요 일일히 스크립트로 제어하기엔 신경쓸게 많고 사이트가 무거워지는게 사실입니다 하지만 이제는 물흐르듯이 style을 잡아줄때 아래 css한줄만 함께 넣어주기만 하면됩니다 scroll-snap-type: x mandatory; scroll-snap-type: y mandatory; 너무 직관적으로 x는 가로스크롤, y는 세로스크롤을 지원합니다 심하게 간단하면서도 거의 모든 .. 2022. 3. 9. 이전 1 다음 728x90