「もうちょい個性をプラスしたい!」このように、”あともうちょっとなんだけどな”現象に悩むこと、ありますよね。そんな時は背景画像にドットの網掛けが便利です。画像ひとつひとつ網掛けするのはぶっちゃけだるいんで、今回はCSSで簡単に背景画像に網掛けできる方法をご紹介します。背景画像にドットの網掛けを簡単に実装するために便利なサイトまずはこちら!↓http://www.patternify.com/PATTERNIFYというこのサイトがドット網掛けをめちゃくちゃ簡単に実装するために必要なので、これから頻繁に網掛けするかもなあって人はブクマ推奨です。PATTERNIFYサイトの使い方PATTERNIFYでは自分の好きなドット柄を作ることもできますし、用意されたパターンを選んで設置することも可能です。ドット色も選べるので、例えば↓ハート柄だったり、スイカ柄なんかもできちゃったりします。(スイカ柄の場合、あまりにも柄面積が多いので画像の上にドットかけても画像が見えなくなる恐れがありますが!)元々用意されているパターンを選んでも良いですし、ここはお好きに。PATTERNIFYを使って背景画像にドット網掛けをするCSSドット柄ができてきたところで、いよいよ背景画像にドット網掛けを設置してみましょう。100%;}クラス名がわからない時は、chromeのデペロッパーツールなどでクラス名を確認しましょう。(サイトテーマによってクラス変わるから何とも言えない!とりあえず背景入れたいところのクラス名を調べてください。サイト全体ならbodyあたりかな~。)実際にドット網掛けを実装してみましたよ折角なので上で作ったmyドット柄を実装してみましたよ。100%;}わかっちゃいたけどすさまじいですね。シンプルなドットが一番だよシンプルが一番シンプルが一番やっぱシンプルが良いですね。スイカ柄とかは、背景によっては楽しいとは思いますが!では今日はこの辺でばいばーい。Migration(無料版)の使い方を動画で公開しました。