サイトをデザインする時に必要なのがCSS。思い描いたイメージに近いボックスやシャドー、アニメーションを手軽に作成できる便利なChromeの拡張機能をご紹介いたします。 CSS3 Generator インストールするとブラウザに【3】というマークが表示されます。 枠の中のスライダーを左右に動かすだけでテキストシャドーを調節できます。 カラーはマウスポインタをドラッグすれば指定できます。 【+ボタン】で影を追加することもできます。 作成した後はソースをコピーして貼り付ければOK! ボックスシャドーも作れます。 左右非対称、角丸なボックスも作れます。 吹き出し風ボックスも! ヌルヌル動くアニメーションも作れます! 完成イメージをプレビューしながら調節できるのでとても便利な拡張機能だと思います。大いに役に立ちそうです! スラスラわかるHTML&CSSのきほん
![クローム拡張機能【CSS3ジェネレーター】が凄い! | ダーフク.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfaa5d3751910163c66bec791e8928e2f8744146/height=288;version=1;width=512/https%3A%2F%2Fwww.dafuku.com%2Fwp-content%2Fuploads%2F2014%2F09%2Fcss3-markup.jpg)