🛠️ToolsShed

스크롤 스냅 생성기

실시간 미리보기와 복사 가능한 코드로 CSS scroll-snap 속성을 생성합니다.

Item 1
Item 2
Item 3
Item 4
Item 5
.scroll-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px;
  gap: 1rem;
}

.scroll-item {
  scroll-snap-align: start;
  scroll-margin: 0px;
  flex-shrink: 0;
}

자주 묻는 질문

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.