はてなグログのサムネイルのサイズを調整

はてなぶろぐのデフォルトの

サムネイルのサイズが

妙に小さいなぁ

と思ってるのは私だけでしょうか？

このサムネイルは

単に画像が貼り付けられているのではなく

<div class="entry-thunb">の

壁紙として表示されているようです

そこで

paddingでサイズ調整をしてみました

こんなやり方が正しいのかは分かりませんが

ついでに、

カーソルを置いた時に画像が縮んで

影ができるというギミックも追加

ソースはこんな感じです

/* サムネイルの幅を調整 */
.entry-thumb {
  position: relative;
  content: "";
  display: block;
  padding: 35px;
}

.entry-thumb:hover {
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.3);
  transform: scale(0.9);
  transition: .4s cubic-bezier(0.45, 0, 0.55, 1);
}