Button ボタン

ImageCompare_type2画像比較スライダー

Before Image After Image

Accordionアコーディオン

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト

参考サイト

Grid layoutGrid layout

ここにはタイトルが入ります。

ここにはテキストが入ります。
align-selfで個別に位置も調整できます。

swiper

swiper

swiper

swiper

Infinity scroll 無限スクロール

dots of list リストのドット

  • 1つ目です。
  • 2つ目です。
  • 3つ目です。

FAQ

  • A

    入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。

  • A

    入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。入力内容が入ります。

背景色が左から変わるボタン(NG)

ボタン

Safariでホバー時に文字とアイコンが揺れる様に動く

背景色が左から変わるボタン(OK)

ボタン

Safariでも文字、アイコンの動きなし

背景色が左から変わるボタン(OK)

ボタン

Safariでも文字、アイコンの動きなし