目次
完成イメージ
左上の記事が少し浮き上がってると思います。
※見づらくてすみません...!
こんな感じのシンプルな浮き上がりの実装方法を解説していきますね
ホバー時に記事を浮かすカスタマイズ
2ステップで完了します。
①CSSをコピペ.a-wrap:hover{
transform: translateY(-2px);
box-shadow: 2px 2px 6px 0 #ccc;
}
「外観」⇒「テーマエディター」の「style.css」か、「外観」⇒「カスタマイズ」の「追加css」に張り付けて完了です。
以上でホバー時に浮く様になったよ~!
出来た方、お疲れ様!(^^)!
他のカスタマイズ
他にもカスタマイズを紹介しているので、この機会にやってみてね。
アイキャッチ画像は幅いっぱいに表示 広告を中央に寄せるカスタマイズ
コメント