クローム拡張機能【CSS3ジェネレーター】が凄い!

0
299

サイトをデザインする時に必要なのがCSS。思い描いたイメージに近いボックスやシャドー、アニメーションを手軽に作成できる便利なChromeの拡張機能をご紹介いたします。

CSS3 Generator

インストールするとブラウザに【3】というマークが表示されます。

枠の中のスライダーを左右に動かすだけでテキストシャドーを調節できます。

カラーはマウスポインタをドラッグすれば指定できます。

【+ボタン】で影を追加することもできます。

作成した後はソースをコピーして貼り付ければOK!

ボックスシャドーも作れます。



左右非対称、角丸なボックスも作れます。



吹き出し風ボックスも!



ヌルヌル動くアニメーションも作れます!



完成イメージをプレビューしながら調節できるのでとても便利な拡張機能だと思います。大いに役に立ちそうです!

スラスラわかるHTML&CSSのきほん

コメントを書く

必須項目をご入力ください
必須項目をご入力ください