Elementorエディタを使用している場(chǎng)合、以下の手順でカスタムCSSメニューホバーエフェクトを追加できます：

ページまたはテンプレートを開く：

• WordPressのダッシュボードにログインします。
• Elementorで編集する必要のあるページに移動(dòng)する。

• ヘッダー、フッター、またはメニューを含むテンプレートを編集します。

ナビゲーションElementorを追加または編集します：

• 既存のメニュー要素に移動(dòng)するか、Elementorタブに「WordPressメニュー」要素を追加します。

• 要素の「詳細(xì)」タブをクリックする。

• カスタムCSSドロップダウンメニューに移動(dòng)します。

CSSスタイルをコピーする：

• ホームページにあるライブラリから、希望のメニューホバースタイルをコピーする。

CSSコードを追加する：

• カスタムCSSドロップダウンリストのテキストエリアにCSSスタイルを貼り付けます。

色を編集する：

• メニュースタイルの中には、Elementorのデフォルトの「ポインター」カラーを使用するものがあります。
• メニューのスタイルタブに移動(dòng)します。
• Hover]をクリックし、[Colour Picker]で色を編集します。

• オプション: Elementorのデフォルトのカラースタイルをオーバーライドするには、"; "を重要。

保存と公開

• をクリックしてください。更新「またはポスト「をクリックして変更を適用する。

その他の4種類の換算::

• マトリックス変換行列を介して複雑な2次元変換を適用します。
• 翻訳要素の位置を2次元または3次元で移動(dòng)する。
• 回転指定した點(diǎn)を中心に要素を回転させます。
• スキューエレメントを水平または垂直に傾けるようにひねる。

サンプルコード

/* ホバー効果の例 */
セレクタ:ホバー {
  color: #ffffff !important; background-color: #000000 !important; }.
  background-color: #000000 !important; transform: translateY(-10px); /* 変換効果を追加 */ hover
  transform: translateY(-10px); /* 変換効果を追加 */ hover
}

/* 回転効果の例 */
セレクタ:ホバー
  transform: rotate(10deg); /* 回転エフェクトを追加 */ } /* selector:hover {
}

/* 傾きの例 */
セレクタ:ホバー {
  transform: skewX(10deg); /* 水平方向の傾きを加える */
}

/* マトリックス効果の例 */
セレクタ:ホバー {
  transform: matrix(1, 0.5, -0.5, 1, 0, 0); /* マトリックス効果を加える */。
}

概要

Elementorエディタを使用している場(chǎng)合、カスタムCSSを追加することでメニューのホバー効果を高めることができます。Elementorタブで追加または編集し、Advancedタブに移動(dòng)し、Custom CSSドロップダウンメニューに移動(dòng)します。スタイルタブのカラーオプションを編集してホバーカラーを調(diào)整します。メニューのホバーアニメーションは、Matrix、Translate、Rotate、Skewなどのエフェクトを使用してさらにカスタマイズすることもできます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み