Subscribed unsubscribe Subscribe Subscribe

CHROMA

Web Designer の頭から飛び出たアイデアの記録

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

Design

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

Blur Load | JSFiddle

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

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