.rotasi, .rotasi2, .rotasi3, .rotasi4, .rotasi5, .rotasi6 {
width: 64px;
height: 64px;
background: #fff;
float: left;
margin-left: 25px;
padding: 3px;
-moz-rotasi-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
-webkit-rotasi-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.25s ease-in-out; 
}

.rotasi2, .rotasi4, .rotasi6 {
position:relative;
z-index: 1;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
}

.rotasi, .rotasi3, .rotasi5 {
position:relative;
z-index: 2;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
}

.rotasi:hover, .rotasi3:hover, .rotasi5:hover, .rotasi2:hover, .rotasi4:hover, .rotasi6:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform:  scale(1.25);
-moz-transform: scale(1.25);
z-index: 3;
}

.rotasi a, .rotasi3 a, .rotasi5 a, .rotasi2 a, .rotasi4 a, .rotasi6 a {
width: 50px;
height: 50px;
display:block;
}