🛠️ToolsShed

スクロールスナップジェネレーター

ライブプレビューとコピー対応コードでCSSスクロールスナッププロパティを生成します。

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.