Slide 56
Slide 56 text
Apple Style Icons
.icon div {
-webkit-border-radius: 8px;
width: 57px; height: 57px;
margin: 0 auto 4px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
-wbekit-box-sizing: border-box;
background-image: -webkit-gradient(radial,
50% -40, 37, 50% 0, 100,
from(rgba(255, 255, 255, 0.75)),
color-stop(30%, rgba(255, 255, 255, 0)),
color-stop(30%, rgba(0, 0, 0, 0.25)),
to(rgba(0, 0, 0, 0))),
url(icon.jpg);
-webkit-background-size: auto auto, 100% 100%;
}
Sunday, October 9, 2011