CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル

CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風（ガラス風）ボタンにどこまで近づけるか？ というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも覚えておくと、いろんなところで応用できると思います！ こんな感じになりました 何はともあれ↓が出来上がったものです。 今はやりの CSS3ジェネレータ には負けてないと自負しています... さて、これを作る手順です。 ※Chromeで表示して画像にしています。実際のものはこちらから見れます。 作成ステップ ステップ1 : ベースとなるHTMLを用意 まずは、こんなHTMLを用意しました。このHTMLをベースに、CSS3を総動員していきます。A タグの中に SPAN が入っていますが、こいつらには後

[richard_raw]

おおお、出来るんだ。

[ichilisan]

CSSだけでできる立体的なキラキラボタン

[hattoushinha]

なんか、こういうの見るとillustratorとかのベクター画像が文字列で出来てるって体感してるような気になるね。　CSSでこういうの作るの好きだ。

[shuu-ryouzen]

ＣＳＳ３での指定（＋spanタグ）だけでガラス玉のようなボタンを表示する方法。なんかレンダリング関数をベタ打ちしてる勢いに見える…すげー（笑）

[fabled]

なにこれすごい

[aeka]

これはすごいとしか・・・

[iuhya]

すげぇ！

[site159]

すげえというかなんというか

[caramelb0612]

綺麗……

[Uxtushili]

ナイス！

[kams3261]

CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル

[yasu-log]

［B!］CSS3でガラス玉を作るチュートリアル

[mimianene]

CSS3の勉強にはなるが・・・

[jogetu]

“CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル | Webロケッツマガジン

[warriorking]

CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル | Webロケッツマガジン

[k-mochizuki]

CSS　WEBデザイン