こんにちは、制作部の大崎です。
今回ブログを書くことになってしまい、どんな内容を書くか考えてみたのですが、ただの日記のような内容ばかりが浮かんできてしまったので、今回は制作部らしく、簡単に背景用のSVG画像を生成できるサイトを紹介したいと思います。

今回紹介したいのが、「SVG Backgrounds」という背景用のSVGコードを生成することができるサイトです。

https://www.svgbackgrounds.com/

サイトにアクセスすると、いろいろな模様が並んでいます。
試しに青い放射状の画像をクリックしてみると…

背景に反映されました!

ちなみにこちらのサイト、下の画像にあるような項目をいじると、、それに合わせて背景画像も一緒に変更されます。

選択した模様によってカスタマイズできる項目は違いますが、色を変えたり模様を縮小したり、角度や透過度などを変更することができます。

しかもCSSも一緒に出力するので、あとはお使いのエディターにコピペするだけ!便利ですねー。

こんなSVG画像や、

こんな画像も作れちゃいます!

↓ 生成されたコード

簡単に使えるので、ぜひお試し下さい。

2018.02.14|Osaki

関連記事

コメント