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