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の箇所の値を変更することで調整が可能です。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!