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

ある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);

}

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

WordPressのタイトルでiPhoneがIPhoneになるとき

あれ、iPhoneがIPhoneになっちゃってる！と投稿内容を確認しても、iPhoneと入力されている。また、WordPressが余計なお世話を・・・と思ってググると、
なんとWordPressの関数の仕業なんかじゃなく、CSSに text-transform: capitalize; という機能が！

知らなかった。