1首先打开html文件编辑器，这里使用vscode新建一个html文档，文档中写入基本的html结构，然后插入img标签并插入一张图片，给img一个class属性2然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置。

article1449 什么是新的HTML5？在HTML5中DOCTYPE声明非常简单字符编码charset声明也非常简单css3article2005 CSS3是CSS的最新标准CSS3是完全向后兼容早期版本的CSS这一部分教你关于CSS3的新特点。

1旋转，利用rotate来实现，代码如下webkittransformrotate10deg 指定浏览器内核为webkit的翻转方式 moztransformrotate10deg指定firefox浏览器私有属性 transformrotate10deg 一般浏览器翻转的角度为10弧度。

鼠标经过文字发生翻转变色，可以用css3实现效果1，利用css3的rotateltangle 实现文字翻转，其中angle是指旋转角度，如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转如transformrotate30deg。

你现在可以旋转一圈吗，如果可以就用一个setInterval方法来调用函数，它会不停的调用函数，如果你现在只是写了这个静态的样式，有2中方法，1种是把html5和css3中类似于时钟的做法，网上又很多，自己查一下，第2中方法。

* css3 让一个图片不断翻转示例代码 *#gavinPlay* backgroundcolor url x y repeat 图片来自百度图片，按需要更换 *backgroundred urlquot。