正 文

用CSS滤镜实现图片翻转特效


www.7dspace.com  更新日期:2005-8-16 5:09:59  七度空间


〈/head〉之间插入:


.TurnH{filter:FlipH}

/style〉

2、直接插入式

在图片属性代码中加入:

效果如图1。


图1

〈/head〉之间插入:


.TurnV{filter:FlipV}

〈/style〉

在〈head〉与〈/head〉之间插入代码中,TurnV前有一个“.”(不包括引号),请一定不要漏掉了。

2、直接插入式

在图片属性代码中加入:

效果如图2。


图2

通过使用CSS的无参数滤镜“FlipV”滤镜,使图片垂直翻转。

以上两种滤镜如果合理配合还可以做出类似水中倒影的效果哦,其中具体过程就请各位自己去摸索了,在这里就不说了!


上一篇:巧用CSS制作图象特效
下一篇:用CSS巧控制段落缩进
作者:  来源: ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐