CSS3 - 在悬停时浮动，点击时激活（激活），但将图像保持在同一位置？

Question

这里是我的意思的例子：

JS小提琴：http://jsfiddle.net/MWAJC/

正如你所看到的，当你将鼠标悬停在图像，图像浮了上来，然后当你点击它时，图像会旋转时回到其原始位置。我希望它能让图像在已经“浮动”的位置旋转。我将如何去做这件事？

Answer 1

多个转换可应用于元素，因此您可以将“浮动”转换和旋转转换相结合。

img:active { 
    -moz-transform: translate(0,-1em) rotate(10deg); 
    -o-transform: translate(0,-1em) rotate(10deg); 
    -webkit-transform: translate(0,-1em) rotate(10deg); 
} 

http://jsfiddle.net/MWAJC/1/