まず最初に、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバリング時の次の効果です:
私のウェブサイトはこちら https://wordpress-493302-3130963.cloudwaysapps.com/
CSS トランジションを使用して達成したいことの半分は正常に達成できましたが、上の画像に示すように、作成中のボタンのシャドウ コピーを確認できません。私のCSSは次のとおりです
リーリーこれが JS または他のものを使用して実装できれば可能ですが、CSS が推奨されます。
メガ メニュー プラグインから生成された HTML は含まれませんが、必要に応じてこれを行うことができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
2 つのボタンと 1 つのラベルを作成することをお勧めします:
::beforeを使用してこのエフェクトを適用できます。