FlipH:水平翻转对象的滤镜 |
FlipH:水平翻转对象的滤镜 |
注:上图为原文字,下图是加载FlipH后的效果。
css>制作方法如下:
创建新的css样式:(要回顾创建新的 css 样式操作方法,请点页顶导航条“简要说明”按钮)
css>提示:新创建的css样式名称,输入“FlipH”。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。
选择“FlipH”按“确定”结束。 若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:
<style type="text/css"> <!-- .FlipH { filter: FlipH; } --> </style> |
应用方法:
css align=left>在页面适当位置插入1行1列表格,在表格里输入文字(或图片),调整文字大小和颜色,选择表格的单元格<td>,然后,在属性面板“样式”菜单中选“FlipH”。保存页面,完成。点F12预览效果。
css> 下边是图片加载 FlipH滤镜的效果:
加载FlipH前:左右并排两幅图 |
![]() ![]() |
左图为原图,右图加载FlipH后的效果 |
![]() ![]() |
右图为原图,左图加载FlipH后的效果 |
![]() ![]() |