TCDテーマSTORY:キャッチフレーズのフェードスピードを変更する方法

Q.TCDテーマSTORYにてキャッチフレーズのフェードスピードを変更したい。

STORYにてキャッチフレーズのフェード表示スピードを変更する方法をご紹介いたします。

STORYデモサイト(固定ページ)

A.下記のcssファイルの該当箇所を編集します

編集するファイル:style.css

style.cssの下記のコードを編集ください。

編集する箇所:

.signage-content {
  -webkit-animation: fadeIn 1s ease 2.5s;
  -moz-animation: fadeIn 1s ease 2.5s;
  -ms-animation: fadeIn 1s ease 2.5s;
  -o-animation: fadeIn 1s ease 2.5s;
  animation: fadeIn 1s ease 2.5s;
  animation-fill-mode: both;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

上記コードの、
「1s」がtransition-duration(変化の開始から完了までにかかる秒数)
「2.5s」がtransition-delay(変化を開始するまでの待ち時間)

となっております。なお、カスタムCSSでは適用されませんので、直接cssの値を変更くださいませ。

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

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

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