CSS3のみで作られたボタンコレクション「CSS3 buttons」 2011/02/15

画像を一切使用せずに、CSS(CSS3)のみで形成された、さまざまなパターンのボタンをまとめているサイト「CSS3 buttons」がこの先活用できそうだったのでメモ書き。CSS3 buttons / ubuwaits.github.com/css3-buttons≫CSS3 buttons / ubuwaits.gi…
画像を一切使用せずに、CSS(CSS3)のみで形成された、さまざまなパターンのボタンをまとめているサイト「CSS3 buttons」がこの先活用できそうだったのでメモ書き。CSS3 buttons / ubuwaits.github.com/css3-buttons≫CSS3 buttons / ubuwaits.gi…
CSS3では今まで画像で作らなくてはならなかった角丸やグラデーションが画像を使用せずにCSSから形成可能になることも魅力の一つ。ですが現状は、CSS3でのグラデーションは記述がものすごく長くなるのでちょっと面倒だったり。そんなCSS3グラデーションを、ブラウザ上でのパレット操作から自動でCSSソースを生成してくれるジェ…
CSS3で新たに追加となる角丸やシャドウの指定を、サイト上で簡単に生成してくれるツール(ジェネレーター)は最近よく見かけますが、CSS3で追加となる主要機能をまとめてあれこれ試すことができるジェネレーター「CSS3.0 Maker」がこれまたすごい。≫CSS3.0 Maker | CSS3.0 Generator角丸(…
ボタンや写真画像などにCSSでボーダーを引いて、ロールオーバー等でのアニメーションエフェクトを簡単に付けることができる「Inset Border Effect jQuery Plugin」がちょっとおもしろい。≫Inset Border Effectデモ画面では写真画像にさまざまな線種のボーダーを引いて、マウスオーバー…
CSS3ではグラデーションや角丸加減を画像を一切使用せずにCSSのみで表現できるようになる、というのはもう有名な話。そんなCSS3を使ってブラウザ上から簡単にボタンを生成(画像の使用は一切なし)することができる「CSS3 Button Maker」が今後活用出来そうです。≫CSS3 Button Maker | CSS…