iOS icon in pure CSS3 (with rando cool CSS image in background :-)

iosCSS.html

<style>
.icon {
  background: #33CC00;
  background-image:url(http://www.cyberdesignz.com/blog/wp-content/uploads/2009/12/CSS.png); 
  background-repeat:no-repeat;
background-position:center;
background-size:100%;
  width: 128px;
  height: 128px;
  border-radius: 19px;
  overflow:hidden;
  border: solid 2px #666;
  position: relative;
  -webkit-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);
  z-index: 0;
}
.icon .gloss {
 
  background: #FBFAF7;
 opacity:.2;
  height: 79px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 5;
  -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);
  -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);
  box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);  
  border-bottom-right-radius: 170px 25px;
  border-bottom-left-radius: 170px 25px;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  position: absolute;
  bottom: 50px;
}
.icon .text {
  font: bold 50px Tahoma;
  text-align:center;
  z-index: 200;
  position: relative;
  color: white;
}
</style>

 <div class="icon">
  <div class="gloss"></div>
  <div class="text"> </div>
</div>