へっぽこデザイン備忘録〜好きな模様を選んでSVGの背景パターンを生成&CSSコードで使用できるHero Patterns〜
今回は便利なHPを紹介します。
好きな模様と色を選んでSVGの背景パターンを生成し、CSSで設定できる!
Hero Patternsというサイト!!
2016年10月17日現在、40種類のパターンがあり、色も自由に変えることが出来ます。
そして、自分の好きな色を選んだらCSSコードを設定したいタグにつけるだけ!
SVGだから画像のようにぼんやりすることもなく、きれいなパターンを簡単に生成、設定できます。
①CSSコード
②パターン
③上から【模様の色】【背景の色】【模様の透明度】
ね?メッチャ簡単!
そして今回はサンプルを用意しましたので是非御覧ください。(使ってみたかった)
サンプル
SVGが対応していないブラウザがまだあるかもしれないので、大々的には使えないかもしれないですが・・・。
今度はSVG対応ブラウザについても調べてみようと思います。
The following two tabs change content below.
マーシー武田
筋トレを趣味にすることが趣味。
最新記事 by マーシー武田 (全て見る)
- 岩井俊二の伝説的ドラマ『打ち上げ花火、下から見るか?横から見るか?』大根仁×新房昭之でアニメ映画化!声優には宮野真守、広瀬すず、菅田将暉… - 2016/12/08
- 参考にしたい最新ランディングページ5選〜2016年冬版〜 - 2016/12/06
- れんこんサミットって何!?11月17日はレンコン記念日!今夜はレンコン料理で決まり!! - 2016/11/16