ITTI STAFF
BLOG

イッティWEBスタッフの制作ブログ

背景やラインに使える10ピクセルのドットパターンを簡単に作る

ちょっとしたドットによるパターンや、ドットアイコンの制作に便利なサイトです。 CSSのバックグラウンドにも簡単に設置できます。

背景や、ボーダーラインに使えるドットパターンを簡単に作れるウェブツールです。

フォトショやイラレを使うまでもない、斜めラインや、ドットパターンに使うと便利です。

パターンを作る

ウェブサイト「patternify」にアクセスしてドットを作ります。

patternify

patternify

作ったドットはPNG画像としてダウンロードできますし、Base64 CodeとしてCSSの背景やボーダーラインなどに利用できます。

例えば、Base64 CodeをCSSの背景として使った場合は下記のようになります。

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEklEQVQImWNgYGD4z4ADUFMCAP5qBPyQHwm2AAAAAElFTkSuQmCC);

ちょっとしたドットアイコンや背景の利用にはかなり重宝しています。

新しい記事

東京のWEB制作会社イッティ