TCDテーマSERUM：ヘッダースライダーのアニメーションを調整する方法

Q.ヘッダー画像がズームアウトするアニメーションの速度を調整したいです。

デフォルトでは、2.5秒でズームアウトする仕様になっています。調整する場合はCSSで対応してください。

▼変更箇所イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

#header_slider .item .bg_image {
  transform: scale(1.2);
}
#header_slider .item.animate .bg_image {
  transform: scale(1.0);
  transition: transform 5s cubic-bezier(.165,.84,.44,1) 0s;
}
#header_slider .item.first_animate .bg_image {
  transform: scale(1.0);
  transition: transform 5s cubic-bezier(.165,.84,.44,1) 0.5s;
}

上記は5秒に変更する例です。5sの箇所の値を変更することで調整が可能です。