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弧度。

鼠標經過文字發(fā)生翻轉變色，可以用css3實現效果1，利用css3的rotateltangle 實現文字翻轉，其中angle是指旋轉角度，如果設置的值為正數表示順時針旋轉，如果設置的值為負數，則表示逆時針旋轉如transformrotate30deg。

你現在可以旋轉一圈嗎，如果可以就用一個setInterval方法來調用函數，它會不停的調用函數，如果你現在只是寫了這個靜態(tài)的樣式，有2中方法，1種是把html5和css3中類似于時鐘的做法，網上又很多，自己查一下，第2中方法。

* css3 讓一個圖片不斷翻轉示例代碼 *#gavinPlay* backgroundcolor url x y repeat 圖片來自百度圖片，按需要更換 *backgroundred urlquot。