如何讓網頁上的應用商店圖標玻璃效果？

Question

有沒有簡單的方法在我的網頁上顯示我的iphone應用程序的圖標，就像他們在appstore中查看的一樣（即使用玻璃效果，最好是反射）？我在網頁編碼方面的經驗很少，所以如果可能的話，我可以複製和粘貼的一些示例代碼將非常棒。謝謝你的幫助。

Answer 1

不是玻璃效果，但你可以通過使用這個CSS獲得圓角和反射：

-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, 
     from(transparent), color-stop(0.8, transparent), to(rgba(0,0,0,0.5))); 
    -webkit-border-radius:12px; 
    -moz-border-radius:12px; 

它僅適用於WebKit的瀏覽器的反射（但不是全部）和圓角也在FireFox工作。