Completed Style - HTML5 with Visual Studio 2012 - page 370

.book img
{
margin: 10px 0;
display: block;
box-shadow: 2px 2px 5px #444;
margin-left: auto;
margin-right: auto;
}
aside
{
box-shadow: 3px 3px 3px #aaaaaa;
}
/* Stripe the title list */
#titles article:nth-child(2n+1)
{
background: #c0c0c0;
border: 1px solid #6699cc;
border-radius: 10px;
}
#titles article:nth-child(2n+0)
{
background: #6699cc;
border: 1px solid #c0c0c0;
border-radius: 10px;
}
/* Transforms - not supported yet */
.rotateContainer
{
-webkit-perspective: 600px;
}
.rotate
{
-webkit-transform-style: preserve-3d;
}
/* Animate the moon phases */
@@-webkit-keyframes moonPhases
{
0% {background-image:url("images/moon1.png");}
12% {background-image:url("images/moon2.png");}
25% {background-image:url("images/moon3.png");}
37% {background-image:url("images/moon4.png");}
50% {background-image:url("images/moon5.png");}
62% {background-image:url("images/moon6.png");}
75% {background-image:url("images/moon7.png");}