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テーマVIEW：トップページで特定の「投稿」記事を常に最上部に固定する方法 - 2019年8月29日