モダンブラウザで試すcss3（曇りガラス風の背景と文字の透過） - Qiita

最近よく見かける、曇りガラス風の背景や透過された文字。 気になりつつも実装したことがなかったので、 色々試してみました。 文字にマスクをかける background-clip: text;を使えば、 背景を文字の形で切り抜いたようなマスクをかけることが出来ます。 See the Pen ebPrYK by kayukihashimoto (@kfunnytokyo) on CodePen. *必ずベンダープレフィックス-webkit-が必要で、IEは未対応。 s○preme風 bodyとコンテンツ、別々の背景を指定してあげれば、 こんなデザインもあっという間。 See the Pen CSS3 background-clip by kayukihashimoto (@kfunnytokyo) on CodePen. 曇りガラス風のぼかしをかける filter: blur();を使えば、 画