メニューに追加CSSで雰囲気変更

SnowMonkeyのサイトメニューを追加CSSなど使って雰囲気変えてみました！

background-imageでイラスト画像を追加し、白い背景色を重る
hoverした時、背景色の透過を変更、サイズを大きく変更
borderを追加

動かない静的なイラスト画像を追加
hoverした時、動くイラストアイコンとリンクを変更
Icons – Lordicon
Powerful animated icon library with 1500+ free and premium animated Lottie animations. Download icons as Lottie JSON, GIF, or static SVG files.
lordicon.com

ヘッダーメニューにmix-blend-mode: difference;
各場所に色の設定をする
白黒だけになるようには、もう少しCSSに必要

疑似要素でイラスト設置
hoverの時、回転と移動のアニメーション追加

hoverの時文字を左右の斜め上に動かして、opacitで消す

0.1位だけど時間と遅延も変えてた

イラストのアイコンを表示させる

opacitを０から１にしふわっと出るようにし、サイズを50％から100％に変更