Filter：FlipH
Filter：FlipV
我們先來看一幅圖：點擊可放大
下面我們分別對它實現水平翻轉和垂直翻轉，並且在圖片上方的一段文字，也發生翻轉。代碼如下：
<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="/UploadPic/2007-4/200741155226552.jpg"”></p>
//*匯入一張圖片*//
</body>
</html>
代碼產生的兩個效果分別如下圖：（點擊可以放大）
水平翻轉 垂直翻轉
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
