司0Web制作と切っても切れない関係にある”ボタン”ですが、これまでフォトショやイラレで作ることが一般的でした。最近ではCSS3の恩恵もあり、CSSでデザインを組み込むことが多くなりました。そこで、今回はCSS3がいまいち理解できていなくてもボタンが作れるジェネレーターがご紹介致します。MAKERなんともオシャレなUIです。border-radiusからgradientまでCSS3で指定できるものが多く揃っています。角にある数字を変えれば何がどうなるのか一目瞭然です。border-radiusに特化したジェネレーター。Generatorその名の通り、ボタンのためのジェネレーターです。backgroundやborder、shadowが指定できます。テキストにCSS指定できるのも嬉しいですね。Generator」とあるので、グラデーションに特化したジェネレーターになります。これまでフォトショなどでグラデーションの背景画像を作っていた方、今はこれ一つでOKです。Generatorbox-shadowジェネレーターbox-shadowに特化したジェネレーター。UIを見ると、borderの指定もできるようになっています。FirefoxやChromeなどのブラウザ用にベンダープレフィックス付きのCSSも作成してくれます!box-shadowジェネレーターいかがでしたでしょうか?今の時代多くのツールの世に放たれているので、使わない手はないと思います。時間をかけるべきではないところにあまり時間を使わないようにしたいですね。当サイトのTOPページでも使っているCSSの小技です。最近多くのサイトで見かけ、使うことも多いと思いますので、忘備録がてら書いておきます。マウスオーバーするとゆっくりと透過することが分かると思います。前回『【CSS】CSS3でボタン作成』で紹介したように、今では画像を作ることなくCSSのスタイル指定でボタンが作れてしまいます。これと同じように、円やひし形の画像もCSSを使って作ることができるので紹介します。Air13インチを購入しました。*メールアドレス(公開はされません。*上に表示された文字を入力してください。