マウスホバーで画像がせり出す

あるWebサイト[PhotoshopVIP]をみていたら、へーとなったので、メモ。

画像にマウスカーソルを乗せると、画像がページからせり出してみえる。

img:hover {

  box-shadow: 0 11px 18px rgba(0,0,0,0.2);

  -webkit-transform: translateY(-10px) scale(1.02, 1.02);

  -moz-transform: translateY(-10px) scale(1.02, 1.02);

  transform: translateY(-10px) scale(1.02, 1.02);

}

機会があったら、使ってみたい。