タグ

ブックマーク / blog.chibatch.jp (1)

  • CSS3を使ったボタンデザイン | チバのブログ

    CSS3の「これは!」という機能を紹介するエントリーの第2回。CSS3で作るボタンデザインを紹介します。 前回は画像を使わずに角丸を作るborder-radiusというプロパティの紹介だったのですが、ただの仕様書の写しのようになってしまいました...。 前回の反省も踏まえて、今回はサンプル付きで紹介したいと思います。 ボタンのデザインの参考にしたのはButton Design Showcaseというエントリー。 Button Design Showcaseの中から、CSS3で作れそうなものをいくつかピックアップしました。 ※サンプルはFirefox3.5~、Webkitでしか確認していません。 かっこいいボタンがいくつもあったのですが、CSS3の新機能を紹介できそうなボタンのデザインとして以下の3つを選びました。 アップル風のボタン 透過pngのグラデーションを使ったボタン RGBa

  • 1