「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマHEAL:ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法

Q.トップページの画像スライダー部分、キャッチフレーズ等の文字がフワッと表示されるところを、短くしたい。(早く文字が表示されるようにしたい)

A.下記の方法でカスタマイズしてください。

外観>TCDテーマオプション>サイト基本設定のカスタムCSSに下記を入力して下さい。

/* キャッチフレーズの表示速度 */
#index_slider .item.slick-active .caption .animate1 {
    animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.5s;
}
/* 説明文の表示速度 */
#index_slider .item.slick-active .caption .animate2 {
    animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.3s;
}
/* ボタンの表示速度 */
#index_slider .item.slick-active .caption .animate3 {
    animation: slideUp 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.1s;
}

 
補足)
・forwards ●●sの数値を適宜ご調整ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事