html5怎样做出图片转圈的动画效果

html-css015

html5怎样做出图片转圈的动画效果,第1张

可以使用css3中的rotate实现

实际的旋转效果是这样:

rotate中的 60deg 表示按最原始的位置,顺时针旋转60°

w3school 里面有更详细用法,可以2D旋转、3D旋转

可以参考:网页链接

动画效果可以通过js改变rotate中传入的值来实现

我大概理解到了你的意思,是想实现背景的视觉差效果吧。如果是这个的话两种方法,

一种是设置background-attachment:fixed背景固定了

另外一种就是利用 animate css3的属性,想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。

你说的这个是单页面效果。我给你个网址上面有好多这样的 www.jq22.com