【Cocoon】ボックスメニューのカーソルホバー時のカスタマイズ

ボックスメニュー作成は以下を参考

「ボックスメニュー」ウィジェットの使い方

アイコンフォントや画像を利用したユーザーの利便性が高いボックス型メニューを作成する方法です。

wp-cocoon.com

Cocoon Child: スタイルシート (style.css) に追加

.box-menu:hover{
    box-shadow: inset 1px 1px 0 0 rgba(25,25,25,0.5),
    1px 1px 0 0 rgba(25,25,25,0.5),
    1px 0 0 0 rgba(25,25,25,0.5),
    0 1px 0 0 rgba(25,25,25,0.5);
    background-color: rgba(249,249,249,1);
    transition: 0.8s; /*アニメーションの遅延時間*/
}

404 NOT FOUND | ikuzoblog

トラックドライバーikuzoのブログ

ikuzoblog.com