How to get the app store icon glass effect on a webpage?

Question

Is there any simple way to display the icon for my iphone apps on my webpage the same way they look in the appstore (i.e. with the glass effect and preferably with reflection)? I have very little experience in web coding so some sample code that I could just copy and paste would be great if this is possible. Thanks for any help.

Answer 1

Not the glass effect, but you can get the rounded corners and the reflection by using this 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;

It only works for the reflection in WebKit-browsers (not yet all) and the rounded corners work in FireFox as well.