モダンなシングルページレイアウトのウェブサイトで、背景画像をすりガラスのようにぼかしてタイトルを強調させるデザインをよく見る。多くの場合は画像自体にあらかじめフィルタをかけているのだが、CSS3を使うとfilterプロパティを使うだけでblur効果をかけられる。 ただ、ちょっと面倒だったので方法をまとめておく。 backgroundプロパティについて 最初に背景画像を指定するため、backgroundプロパティについて学んだ。 backgroundプロパティは、背景関連の値を一度に指定できるショートハンドプロパティだ。(marginやborderなんかと同じ) 基本的にはショートハンドプロパティを使うのだが、せっかくなのでbackgroundプロパティについて掘り下げる。 background-color 背景色のプロパティ ex. background-color: #123456; b