html圖片旋轉(zhuǎn)代碼 如何把一張照片背景不動,人物旋轉(zhuǎn)90度?
如何把一張照片背景不動,人物旋轉(zhuǎn)90度?1. 首先,準(zhǔn)備一個包含兩張圖片的HTML文檔,然后旋轉(zhuǎn)這兩張圖片。2. 然后為HTML中的內(nèi)容定義一些樣式,如下圖所示,主要是title和UL樣式。3. 接下
如何把一張照片背景不動,人物旋轉(zhuǎn)90度?
1. 首先,準(zhǔn)備一個包含兩張圖片的HTML文檔,然后旋轉(zhuǎn)這兩張圖片。
2. 然后為HTML中的內(nèi)容定義一些樣式,如下圖所示,主要是title和UL樣式。
3. 接下來,定義圖像的寬度和高度,如下圖所示。
4. 然后為圖像設(shè)置過渡效果,并使用過渡屬性進(jìn)行過渡,如下圖所示。
5. 當(dāng)鼠標(biāo)懸停在圖像上時,通過rotate為其設(shè)置變形,如下圖所示。正數(shù)表示順時針方向,負(fù)數(shù)表示逆時針方向。
6. 最后,運行程序,您會看到如下圖所示的效果,鼠標(biāo)在圖片上會順時針或逆時針旋轉(zhuǎn)。