scroll-snap 이란? 마우스 휠로 스크롤 할 때 특정 지점에서 스냅될 수 있도록 css 설정만으로 가능 부드럽게 영역을 스르륵 !?
이동하는 효과 (마치 fullpage.js 효과를 볼 수 있음) scroll-snap 사용법 html 구조 scroll 1 scroll 2 scroll 3 scroll 4 css 코드 .scroll-container { width: 100%; height: 100vh; overflow: auto; scroll-snap-type: y mandatory; } .scroll-item { width: 100%; height: 100vh; scroll-snap-ali...
![[css 효과6.] 간단한 스크롤 효과 설정 scroll-snap](https://mblogthumb-phinf.pstatic.net/MjAyNDA3MjlfMjgg/MDAxNzIyMjE3MDIwMTk4.QeUc-POijkAgAkm9dTHM1Dq-KCoFnZXR7dib7NHpu0kg._-geb76I7qJm4qnwLKufcmw6LlWzkrUHKVqHwC8ficAg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-032.jpg?type=w2)
#
cssscrollsnap
#
css마우스스크롤
#
css스크롤
#
css스크롤스냅
#
css스크롤효과
#
css효과
#
scrollsnap
#
스크롤효과
![[html 2.] html 파일 만들기 & 시맨틱태그로 html 구조짜기 & 특수문자(entity code) 넣기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTVfMjAy/MDAxNzEzMTY4MDg0NTAz.S4QHNP9diplib3KrLeCszM-h0Y0AlX4Qqp1rFiCcvPwg.Th8c4CGoxsiuMBW9HyWmMxXyeYNHn7Laf2KvUZ--UXEg.JPEG/006.jpg?type=w2)
![[포토샵 2.] 이미지 불러오기, 크기변경, 자르기, 자동채우기](https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTBfNzcg/MDAxNzI1OTU4OTUyMTY2.MU_EV6A7kZOUC5M23YtFKgXQ8x16Ps0MUlI9kd7KlXgg.LbYmr5oFNzVysuNnVtTWkYAsDw00L1HgiyO0Q96h8Z4g.JPEG/%BD%E6%B3%D7%C0%CF-012.jpg?type=w2)
![[포토샵 3.] 레이어 활용하기, 이동도구](https://mblogthumb-phinf.pstatic.net/MjAyNDA5MTFfMjQ5/MDAxNzI1OTgyOTU5MTg2.2K4EAIvbSi3ssOmXdTi_3HTFdHA0wQRgSIj6HFC4-cIg.WJEdq5xhxtS2eiWl9hs952hsIhXmLwfhZdns85Uah1og.JPEG/%BD%E6%B3%D7%C0%CF-013.jpg?type=w2)
![[ITQ] 아이티큐 한글 핵심정리 + 단축키](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MThfMTcg/MDAxNzE2MDE0NzgwMjc2.AKpkJFLus7duLrmmkAbcvAJeCNsJt3HQx3dI9qC9fL0g.xzzyqmHNe5eRQ__0u7EB92PFLDOencpgbhLfaBPUtIog.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-_1_-003.jpg?type=w2)
![[javascript 9.] 자바스크립트 함수 선언, 작성법](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTdfMjkz/MDAxNzE4NTk1MTQ1MzMz.2j1B6I7n9d7LThkTKbgCaOEDaVEjkV5DkEVYl60GSeYg.2KWLqDhUlNF-WJmG5xY7T544pzIs3VfHlexqICm_GsAg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-009_%281%29.jpg?type=w2)
![[ITQ] 시험 원서접수 & 합격기준 & 기출문제 (OA MASTER란?)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDVfMjgz/MDAxNzE0OTExNTEyODUx.WgfXm1QlW2imKULuHPpbwAaNaH2k_TwA7MuqymPIKIsg.snVmBKoGY2NjrmVL2-odzOkXfac7woDs55ZCRjr7ezog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-002_%281%29.jpg?type=w2)