ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」
ワードプレステーマ別

TCDテーマISSUE:トップページのスタッフ一覧の説明文のアニメーションを変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.質問内容

トップページのコンテンツビルダー・スタッフ一覧において、カーソルに追従して説明文が表示される仕様を変更することは可能でしょうか。

▼変更前のイメージ
変更箇所イメージ

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

TCDテーマ>基本設定のカスタムCSSに入力することで、コンテンツにホバーするとカーソルに追従しながら表示する仕様から、下からテキストが浮き上がる仕様に変更することが可能です。

▼変更後のイメージ
変更箇所イメージ

.mouse_stalker_target.is-active {
  opacity: 1!important;visibility:visible;top: unset !important;left:
50% !important;bottom: 10%!important;transition: all 1s ease, opacity
0.1s ease;
}

.mouse_stalker_target:not(.is-active){
  top: unset !important;left: 50% !important; bottom: 0;
}

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

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

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