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

可以使用css3中的rotate实现

实际的旋转效果是这样：

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

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

可以参考：网页链接

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

选择“文件”——新建HTML5项目，出现如下对话框，选择确定；

2

选择“导入媒体库文件”，选中所选的素材，导入进媒体库；

3

将所有素材拖到到背景轨道中，按住鼠标左键，直至素材拖入视频轨；（分别将每一幅图片拖入视频轨）

4

选择转场，选择其中一种适合于视频的转场效果；

5

将所选中的转场效果拖到背景轨的两幅画之间，每两幅画之间设置一种样式的转场效果；

6

在标题轨道间添加合适的字体，并将添加的每一个字体添加合适的关联；

7

选择“输出”——点击“html5”图标，在合成的进行过程中时间会比较长需要耐心等待。

8

以上就完成了基于html5网页视频输出的全部过程。如果还有疑问，请访问会声会影基于html5视频输出视频教程