7. ぼかし効果つきのスライドショー

表示されている画像を背景にも使用しつつ、背景の画像には強いぼかし効果をかけています。大きな画像を使用できなくても、このデザインなら画面が寂しくなりません。

See the Pen

Slick Slideshow with blur effect by Fabio Ottaviani (@supah)

on CodePen.0

（広告の後にも続きます）

おわりに

ぼかし効果は汎用性が高く、背景としても、デザインの主役としても活用できます。

写真編集の専門知識がなくても、コードで編集できる点もぼかし効果の魅力です。たとえば、CSSにはblur()関数が組み込まれています。さらにJavaScriptを使えば、ぼかし効果の可能性をさらに広げることができるでしょう。

写真にシンプルなぼかし効果をつけたり、動画やアニメーションと組み合わせてインタラクティブにしたり、さまざまな使いかたを模索してみてください。

（執筆：Eric Karkovack　翻訳：Asuka Nakajima　編集：少年B　提供元：speckyboy）