【Cocoon】ホバー時に記事を浮かせるカスタマイズ

完成イメージ

左上の記事が少し浮き上がってると思います。

※見づらくてすみません．．．！

こんな感じのシンプルな浮き上がりの実装方法を解説していきますね

ホバー時に記事を浮かすカスタマイズ

2ステップで完了します。

.a-wrap:hover{
transform: translateY(-2px);
box-shadow: 2px 2px 6px 0 #ccc;
}

「外観」⇒「テーマエディター」の「style.css」か、「外観」⇒「カスタマイズ」の「追加css」に張り付けて完了です。

以上でホバー時に浮く様になったよ～！

出来た方、お疲れ様!(^^)!

他のカスタマイズ

他にもカスタマイズを紹介しているので、この機会にやってみてね。

【Cocoon】アイキャッチ画像を横幅いっぱいに表示「1分で解決」

「ブログ」バナー広告を中央に寄せる簡単な方法【1分で完了】