JS代碼實(shí)現(xiàn)圖片的翻轉(zhuǎn)效果

2012/11/7 18:52:55作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

圖片既可以通過濾鏡也可以通過Photoshop進(jìn)行特殊處理。本例介紹如何利用css的filter實(shí)現(xiàn)圖片翻轉(zhuǎn)。

【實(shí)例代碼】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>無標(biāo)題頁-學(xué)無憂（denvermotorcycleaccidentlawyer.com）</title>
</head>
<body>
    <p><font face="Arial" color="#008080">
    <div><p align="center">
    <img style="filter:flipV" src="logo1.gif" 
width="160" height="103"> </p>
    </div>
    </font>
    <p align="center">這是圖片的翻轉(zhuǎn)效果</p></font>
</body>
</html>

 
【運(yùn)行效果】

圖片的翻轉(zhuǎn)效果運(yùn)行效果