.f {
    transform:scale(1) rotate(0deg);
    -webkit-transform:scale(1) rotate(0deg);
    -moz-transform:scale(1) rotate(0deg);
    -o-transform:scale(1) rotate(0deg);
}
.f:hover {
    transform:scale(1.5) rotate(-180deg);
    -webkit-transform:scale(1.5) rotate(-180deg);
    -moz-transform:scale(1.5) rotate(-180deg);
    -o-transform:scale(1.5) rotate(-180deg);
    z-index:2;
}

CSS3-简单放大及旋转动画