blogcontactflowprserviceworks

デザイン・ホームページ制作サービス

制作に便利!よく使うCSSジェネレーター

制作に便利!よく使うCSSジェネレーター

bad-company

css3Shadowジェネレータ

私がよく利用させて頂くのは、box-Shadowジェネレータですが、
text-Shadowジェネレータもあります。

色を選択して、数値を入力するかバーで設定するだけで簡単にShadowを確認しながら設定できます。

ジェネレータへ

CSS三角形作成ツール

css3三角ジェネレータ

画像などの代わりに擬似要素などで三角を作ることって結構ありますよね。
よく使うのは吹き出しや矢印がわりの三角などでしょうか?

このジェネレーターを使うと色を選択して、三角の向きを選び、数値を入力するだけで設定完了です!

ジェネレータへ

CSS ANIMATION

cssアニメーションジェネレーター

CSSのみでアニメーションを作ってくれるジェネレータです。
操作性は簡単でドラッグした動きに合わせてアニメーションを作ってくれます。

ジェネレータへ

Ultimate CSS Gradient Generator

cssグラデーションジェネレーター

グラデーションのジェネレータです。
Photoshopなどでグラデーションを作るときみたいな操作性です。

縦、横、斜めからのグラデーションに対応しており非常に便利です。

ジェネレータへ

CSS3 Patterns Gallery

cssパターン

ジェネレータでは無いのですが、非常に便利だったのでこちらもご紹介!
background-linear-gradientを使って様々なCSSのパターンが用意されています。

もちろん、パターンの編集をしながらサイト内で確認することも可能です。

ジェネレータへ

まとめ

紹介した以外でも様々なジェネレーターがあり画像を使わなくてもいい軽量なサイトを作ることができやすくなってきています。
みなさんも積極的にジェネレーターなどを用いて画像を使わないサイト作りをしてみて下さい。

人気コンテンツ

POPULARITY

オススメコンテンツ

RECOMMENDATION

カテゴリー

CATEGORY

制作に便利!よく使うCSSジェネレーターへのコメント

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

お名前