프론트엔드/CSS

CSS 모바일 파란 박스 없애기

모바일에서 클릭하거나 할때 파란색 테두리가 생기는 현상이 생길수 있습니다 div:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 위 코드 적용해주면 됩니다

스크롤 스냅 (Scroll Snap)

기존에 자바스크립트로 구현하던 스크롤 스냅이라는 기능이 있었습니다 스크롤링하면 자석으로 붙는 것 마냥 딱 붙어서 동작하는 기능입니다 => 예시 프론트엔드 개발자 이성훈입니다 프론트엔드 개발자 이성훈입니다 www.kaen.site 예전엔 자바스크립트 이벤트를 사용해서 구현해야했지만 지금은 CSS 두줄로 해결이 가능합니다 /* PARENT */ scroll-snap-type: y mandatory; /* CHILDREN */ scroll-snap-align: center;