Q.トップページのスライダーにフェードインで表示されるキャプションやボタンの表示速度を変更したい

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

編集するファイル：　style.css
編集する箇所：　318行目

#header_slider.slider_video_mobile .caption > :nth-child(1) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 1s; animation:sliderCaptionAnimation 1s ease forwards 1s;
}
#header_slider .item.slick-active .caption > :nth-child(2),
#header_slider.slider_video_mobile .caption > :nth-child(2) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 2s; animation:sliderCaptionAnimation 1s ease forwards 2s;
}
#header_slider .item.slick-active .caption > :nth-child(3),
#header_slider.slider_video_mobile .caption > :nth-child(3) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 3s; animation:sliderCaptionAnimation 1s ease forwards 3s;
}

　↓

#header_slider.slider_video_mobile .caption > :nth-child(1) {
  -webkit-animation:sliderCaptionAnimation 5s ease forwards 1s; animation:sliderCaptionAnimation 5s ease forwards 1s;
}
#header_slider .item.slick-active .caption > :nth-child(2),
#header_slider.slider_video_mobile .caption > :nth-child(2) {
  -webkit-animation:sliderCaptionAnimation 5s ease forwards 2s; animation:sliderCaptionAnimation 5s ease forwards 2s;
}
#header_slider .item.slick-active .caption > :nth-child(3),
#header_slider.slider_video_mobile .caption > :nth-child(3) {
  -webkit-animation:sliderCaptionAnimation 5s ease forwards 3s; animation:sliderCaptionAnimation 5s ease forwards 3s;
}

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

ogawa

最新記事 by ogawa (全て見る)

• TCDテーマKADAN：カスタム投稿タイプ「プラン」ページ内の「おすすめプラン」を非表示にする方法 - 2019年6月13日