CSS濾鏡:FlipH、FlipV屬性
Flip是CSS濾鏡的翻轉屬性，F(xiàn)lipH代表水平翻轉，F(xiàn)lipV代表垂直翻轉。它們的表達式很簡單，分別是：
Filter：FlipH
Filter：FlipV
我們先來看一幅圖：點擊可放大
下面我們分別對它實現(xiàn)水平翻轉和垂直翻轉，并且在圖片上方的一段文字，也發(fā)生翻轉。代碼如下：
<html>
<head>
<title>flip css</title>
<style>//*設置CSS樣式開始*//
<!--
div{position：absolute；top：20；width：300；
filter：fliph（flipv）；}
//*定義DIV范圍內的樣式，絕對定位，翻轉為水平翻轉或垂直翻轉。
注意：在這里fliph和flipv只取其中的一個*//
img{position：absolute；top：70；left：40；
filter：fliph（flipv）；}
//*定義圖片的樣式，絕對定位，翻轉屬性和DIV一樣。*//
-->
</style>
</head>
<body>
<div>
<p style=“font-family：bailey；font-size：36pt；
font-weight：bold； color：rgb(10,128,156)；”>
Leaf Village </p>
//*定義字體名稱、大小、粗細、顏色*//
</div>
<p><img src=“ss05058.jpg”></p>
//*導入一張圖片*//
</body>
</html>
代碼產(chǎn)生的兩個效果分別如下圖：（點擊可以放大）
水平翻轉 垂直翻轉
如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答??！ 點擊進入論壇
您可能感興趣的文章:
- 上一篇：CSS濾鏡:Glow屬性
- 下一篇：CSS濾鏡:Wave屬性
