1首先打開html文件編輯器，這里使用vscode新建一個html文檔，文檔中寫入基本的html結(jié)構(gòu)，然后插入img標簽并插入一張圖片，給img一個class屬性2然后在上方的head標簽中的style標簽設(shè)置樣式，這里設(shè)置圖片的寬度和高度并設(shè)置。

article1449 什么是新的HTML5？在HTML5中DOCTYPE聲明非常簡單字符編碼charset聲明也非常簡單css3article2005 CSS3是CSS的最新標準CSS3是完全向后兼容早期版本的CSS這一部分教你關(guān)于CSS3的新特點。

1旋轉(zhuǎn)，利用rotate來實現(xiàn)，代碼如下webkittransformrotate10deg 指定瀏覽器內(nèi)核為webkit的翻轉(zhuǎn)方式 moztransformrotate10deg指定firefox瀏覽器私有屬性 transformrotate10deg 一般瀏覽器翻轉(zhuǎn)的角度為10弧度。

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

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

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