KUSU'S SITE
2016年7月23日

【CSS】CSSで様々な模様をデザインできるジェネレーターを発見!

  

 CSS3になってからというもの、CSSでも様々な模様をデザインできるようになりました。
グラデーション縞模様、ましてやチェック模様などなど。

今までは画像を作成し、それを背景指定するなどしてデザインしていたものが、CSSのみで設定できるようになったというのはデザインをするうえで
「ここのグラデーションの色を変更したいな」
なんて思った時にもCSSで変更したい色を指定すればすぐ変更できるというメリットがあります!
画像でグラデーションを作っていた時には、新たに画像を作らなければならなったという手間がなくなった…というのは大きいなぁ、と。

ただCSSでグラデーションなどのデザインを設定するというのは、CSSについて知識がないとなかなか設定できないというのが問題点だったりもします。

そんな最中、ネットをいろいろ回っていたらグラデーションなどのCSSをジェネレーターで作ってくれるサイトを発見したので、今回紹介したいと思います!

ジェネレーターがあるサイトとは??

 今回紹介するサイトは「CSS3 Sample」になります!

このサイトにはグラデーションや縞模様などなどサイトをデザインするうえで必要になりそうな模様をCSSで作ってくれるジェネレーターがあるので、自分が設定したい色のカラーコードを入れたり、線の太さを設定するなどして自分好みのものができあがります!

試しに以下のような縞模様を上記サイトのジェネレーターにて設定しました。

まとめ

 このようにジェネレーターを使って様々な模様をCSSで設定できる…というのはサイトをデザインするうえでの強みになると思うので、是非ともこのジェネレーターを活用してみてはいかがでしょうか??

スポンサーリンク
スポンサーリンク

コメントを残す




スポンサーリンク

ホームページ制作について

ホームページの制作依頼希望の方
はまず↓をクリック!
ホームページの制作依頼希望の方はまず↓をタップ!
サービスの詳細

WordPress講習会について

WordPress講習会について
気になる方ははまず↓をクリック!
WordPress講習会について気になる方はまず↓をタップ!
サービスの詳細

TWITTER

ページトップに戻る