[CSS]金属の質感が美しすぎる、スタイルシートで実装されたボタン
Post on:2011年8月23日
ブラシで磨かれたメタル「ブラッシュドメタル」の質感を画像無しで、CSS3グラデショーンで実装したスタイルシートを紹介します。
Tried to make a Brushed Metal style in CSS3
デモページ
質感は拡大しても素晴らしいです。
アクティブ時にはブルーのエフェクトも備えています。
ボタンをクリックするとブルーに輝きます
対応ブラウザはSafari5.1, Chromeです。
矩形に使用している線状のグラデーション(数字のボタン)は他のブラウザでも表示できますが、円錐状のグラデーション(飛行機のボタン)はSafari, Chromeのみで美しく表示されます。
円錐状の仕組みは「radial-gradient」を重ねてスタイルしています。
sponsors