@keyframes rotatex
{
5% {transform: rotate(90deg)}
20% {transform: rotate(180deg)}
30% {transform: rotate(270deg)}
55% {transform: rotate(360deg)}
70% {transform: rotate(90deg)}
85% {transform: rotate(180deg)}
95% {transform: rotate(270deg)}
100% {transform: rotate(360deg)}
}
@keyframes rotatey
{
25% {transform: rotateY(90deg)}
50% {transform: rotateY(180deg)}
80% {transform: rotateY(90deg)}
100% {transform: rotateY(0deg)}
}

.jqHeader{
 font:18px/36px 'microsoft yahei';color:#333;text-indent:2em;position: absolute;
 animation: rotatex 1s ease-in;
}