その他

スクロールフェードイン

コンテンツがスクロールして表示エリアに入ったときに表示。
「fadein」クラスでフェードイン効果が付きます。

  • フェードイン
    fadein

動きの指定は下記のクラスを追加。

  • フェードイン 下から
    fadein fadein-bottom
  • フェードイン 左から
    fadein fadein-left
  • フェードイン 右から
    fadein fadein-right

背景画像の高さ指定

PC用

背景画像の高さを10%〜100%まで指定。

  • bg-img-height–10
  • bg-img-height–20
  • bg-img-height–30
  • bg-img-height–40
  • bg-img-height–50
  • bg-img-height–60
  • bg-img-height–70
  • bg-img-height–80
  • bg-img-height–90
  • bg-img-height–100

スマホ用

  • bg-img-height–10_sp
  • bg-img-height–20_sp
  • bg-img-height–30_sp
  • bg-img-height–40_sp
  • bg-img-height–50_sp
  • bg-img-height–60_sp
  • bg-img-height–70_sp
  • bg-img-height–80_sp
  • bg-img-height–90_sp
  • bg-img-height–100_sp

display:flexの高さ中央

alignitems–center

2024年11月26日