[CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート

まるでガラスで作られた棚のように、美しい半透明な3Dのエレメントを実装するCSS3のテクニックを紹介します。 デモページ：Firefoxのキャプチャ 実装 HTML HTMLはシンプルで、各アイコンはa要素、ガラス棚はdiv要素で実装されています。 <div id="shelf"> <!-- Add icons here --> <a class="icon" href="#"></a> <a class="icon2" href="#"></a> <a class="icon3" href="#"></a> <!-- Surfaces of the shelf --> <div class="front"></div> <div class="back"></div> <div class="top"></div> <div class="bottom"></div> </div> CS

[typista]

ぽけったー [CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート

[hama_shun]

3D, 奥行き

[tsuki-rs]

素晴らしい！！

[warriorking]

(CSS)あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート | コリス

[kkeisuke]

CSS3

[nors]

http://forrst.com/posts/CSS3_Glass_Shelf_With_Animated_Icons-6Cw

[kams3261]

あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート

[Donca]

✔ [CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート