CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風(ガラス風)ボタンにどこまで近づけるか? というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも覚えておくと、いろんなところで応用できると思います! こんな感じになりました 何はともあれ↓が出来上がったものです。 今はやりの CSS3ジェネレータ には負けてないと自負しています... さて、これを作る手順です。 ※Chromeで表示して画像にしています。実際のものはこちらから見れます。 作成ステップ ステップ1 : ベースとなるHTMLを用意 まずは、こんなHTMLを用意しました。このHTMLをベースに、CSS3を総動員していきます。A タグの中に SPAN が入っていますが、こいつらには後
![CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a159e8af2759ea1d5789d7e0fc96c36ba0f8dad/height=288;version=1;width=512/http%3A%2F%2Fwebrocketsmagazine.com%2Fimg%2Fupload%2F3259.png)