题外话，昨晚十一点总算是被梅超风吹回来了，在上海困了两天，就一个人在宾馆里面上网看电视，生活太无聊了。

最近很多人都在问我网站里面的图片翻转效果是怎么实现的，以前是让图片翻转个360度，后面也有朋友反映说，这样太蛋疼了，确实，每个图片都做了翻转，而且第一次刷新网站还会花屏，确实很无奈，但是又不忍心就这样把这个东西去了，后面就改成了现在的翻转10度，就往上翘那么点点总可以的吧，也就只有文章里面的图片会翻转的效果，其他的图片都取消，这样总不会那么蛋疼了吧，呵呵。

html5 翻转

认真的童靴肯定会查看网页的源代码，翻下css就会发现这个效果是怎么做的。

/* html5 */
.entry img:hover{-webkit-transform:rotate(10deg); -webkit-transition-timing-function:ease-in; -webkit-transition-duration:500ms; -moz-transform:scale(.9); -moz-transition-timing-function:ease-out; -moz-transition-duration:500ms}

没错就是上面的这段html就可以实现在entry里面的img都翻转10度的效果，当然你可以根据自己的需要改变这个值就可以了，想玩的童靴就去试试的吧。

不足点

细心的童鞋还会再次的发现，这样翻转图片之后，图片会边的模糊不清，失去了以前的清晰度，当然你把鼠标移出图片又会恢复，所有要这样的做的童鞋还是三思而后行，分析下利弊。同时希望有知道的朋友还不吝惜赐教。