可以使用css3中的rotate实现
实际的旋转效果是这样:
rotate中的 60deg 表示按最原始的位置,顺时针旋转60°
w3school 里面有更详细用法,可以2D旋转、3D旋转
可以参考:网页链接
动画效果可以通过js改变rotate中传入的值来实现
我大概理解到了你的意思,是想实现背景的视觉差效果吧。如果是这个的话两种方法,一种是设置background-attachment:fixed背景固定了
另外一种就是利用 animate css3的属性,想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。
你说的这个是单页面效果。我给你个网址上面有好多这样的 www.jq22.com