WordPressテーマTCDのカスタマイズを研究するサイト

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の値を変更くださいませ。

The following two tabs change content below.

Jon

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。