CSS3を使った画像のようなボタンのサンプル

所々でCSS3を使っていますのでChromeかFirefoxでご覧ください。IEだと同じボタンにばかりに見えます。

0. 最初の状態

button

1. ボタンにしてみる

button

2. 丸みを付ける

button

3. 文字に影を付けてみる

button button

4. 背景をグラデーションにしてみる

button

5. 内側にラインを追加してみる

button

6. マウスを乗せたとき

button

7. 背景をボーダーに

button button

8. 立体的にしてみる

button