圖片水平翻轉(zhuǎn)
代碼：
1、內(nèi)部插入式
在〈head〉與〈/head〉之間插入：
style type = text/css〉
.TurnH{filter:FlipH}
/style〉
然后在圖片屬性代碼中加class="TurnH"。
注意：在〈head〉與〈/head〉之間插入代碼中，TurnH前有一個“.”(不包括引號)，請一定不要漏掉了。
2、直接插入式
在圖片屬性代碼中加入：
style=" filter: FlipH"
效果如圖1。
圖1
特點：通過使用CSS的“FlipH”濾鏡，使圖片水平翻轉(zhuǎn)。“FlipH”濾鏡是CSS的6個無參數(shù)濾鏡中的一個，可直接使用，在Dreamweaver中可以同有參數(shù)的濾鏡一樣使用。
圖片垂直翻轉(zhuǎn)
代碼：
1、內(nèi)部插入式
在〈head〉與〈/head〉之間插入：
〈style type = text/css〉
.TurnV{filter:FlipV}
〈/style〉
然后再在圖片屬性代碼中加class="TurnV"。
注意：在〈head〉與〈/head〉之間插入代碼中，TurnV前有一個“.”(不包括引號)，請一定不要漏掉了。
2、直接插入式
在圖片屬性代碼中加入：
style="filter:FlipV"
效果如圖2。
圖2
特點：通過使用CSS的無參數(shù)濾鏡“FlipV”濾鏡，使圖片垂直翻轉(zhuǎn)。
以上兩種濾鏡如果合理配合還可以做出類似水中倒影的效果.
轉(zhuǎn)自:http://www.wangchao.net.cn/bbsdetail_572798.html
posted on 2009-11-05 13:59
紫蝶∏飛揚↗ 閱讀(1485)
評論(0) 編輯 收藏 所屬分類:
CSS