.frostHolder { position: relative; margin-right: 0px; margin-left: auto; width: 329px; height: 312px; } .frostedBg { position: absolute; width: 329px; height: 312px; background: transparent url(/images/frostedimages/background.png) no-repeat; } .frostedimg { position: absolute; right: 0px; width: 324px; height: 307px; margin-top:2px; margin-left:2px; margin-right: 3px; margin-bottom: 3px; -webkit-box-reflect: below 0px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.82, transparent), to(rgba(255,255,255,0.9))) 0 0 0 0 stretch stretch; } .title { float: left; width: 125px; height: 45px; top: 186px; position: relative; }.gradientBox { position:relative; width:470px; left:0px; right:0px; margin-left:auto; margin-right:auto; margin-top: 45px; padding:15px 12px 10px 2px; height:381px; background: url(/images/frostedarticle_bg.jpg) top left repeat-x; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.65); -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(rgba(255,255,255,0.9)));}#credits { text-transform: uppercase; font-family: Trebuchet-MS, Verdana, sans-serif; letter-spacing: 0.3em; font-weight: bold; font-size: 7pt; margin-top:50px; color: rgb(70, 70, 70);text-align:center;text-shadow: 0px 1px 1px rgba(253,252,252,0.9); z-index:5;}
These are snippets of the 9 "Frosted Crystal" desktop pictures that'll be distributed with CrystalClear Interface 2.2. (...)
Full article