HTML5是一種非常有用的網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言，其中一個(gè)很酷的特性是可以通過(guò)代碼旋轉(zhuǎn)圖片。以下是一個(gè)簡(jiǎn)單的HTML5旋轉(zhuǎn)圖片代碼示例：

img{
transition:transform 1s;
}
img:hover{
transform:rotate(180deg);
}

這段代碼使用了CSS的transform屬性來(lái)實(shí)現(xiàn)旋轉(zhuǎn)的效果。在img標(biāo)簽上，我們給它添加了一個(gè)transition屬性，表示在1秒內(nèi)進(jìn)行一個(gè)平滑的過(guò)渡。接著，在img:hover中，我們定義了一個(gè)rotate屬性，將圖片旋轉(zhuǎn)180度。

這個(gè)例子很簡(jiǎn)單，但你可以根據(jù)自己的需要對(duì)它進(jìn)行擴(kuò)展。比如，你可以改變旋轉(zhuǎn)的角度，使用其他的CSS過(guò)渡效果來(lái)實(shí)現(xiàn)更加復(fù)雜的動(dòng)畫(huà)等等。

HTML5提供了許多功能和特性，可以讓我們輕松地構(gòu)建出優(yōu)美、富有交互性的網(wǎng)站。如果你是一個(gè)新手，那么就嘗試使用這個(gè)旋轉(zhuǎn)圖片代碼，體驗(yàn)HTML5的魅力吧！