ぼかした状態で画像読み込み開始

ページの読み込み時にぼかしかけつつ画像を表示、というようなことをやった。

Blur Load | JSFiddle

Medium を見ていると（見てた記事）こういう感じの画像の読み込み表現をしていて、いい感じだと思ってつくった。

ぼかしだけのアニメーション効果（blur-load）だとイマイチで、スケールアウト効果（scale-out）を加えると納得いくものができた。