/*Rotation Effect X*/
selector{
-moz-webkit-transform-origin: center;
-ms-webkit-transform-origin: center;
-o-webkit-transform-origin: center;
transform-origin: center;
-moz-webkit-transform: perspective(800px) rotateX(30deg);
-ms-webkit-transform: perspective(800px) rotateX(30deg);
-o-webkit-transform: perspective(800px) rotateX(30deg);
transform: perspective(800px) rotatex(30deg);
-moz-webkit-transition: 0.5s;
-ms-webkit-transition: 0.5s;
-o-webkit-transition: 0.5s;
transition: 0.5s;
}

/*Rotation Effect*/
selector{
-moz-webkit-transform-origin: center;
-ms-webkit-transform-origin: center;
-o-webkit-transform-origin: center;
transform-origin: center;
-moz-webkit-transform: perspective(800px) rotateY(30deg);
-ms-webkit-transform: perspective(800px) rotateY(30deg);
-o-webkit-transform: perspective(800px) rotateY(30deg);
transform: perspective(800px) rotateY(30deg);
-moz-webkit-transition: 0.5s;
-ms-webkit-transition: 0.5s;
-o-webkit-transition: 0.5s;
transition: 0.5s;
}