FlipH 滤镜语法 |
FlipV 滤镜语法 |
图片实现效果如下:
CSS滤镜实现 |
代码 |
效果拷屏 |
![]() |
正常图片 <img src="pic1.jpg" width="180" height="120"> |
![]() |
![]() |
垂直翻转 <img src="pic1.jpg" style="filter:flipv;" width="180" height="120"> |
![]() |
![]() |
水平翻转 <img src="pic1.jpg" style="filter:fliph;" width="180" height="120"> | |
![]() |
先水平反转,然后垂直反转 <img src="pic1.jpg" style="filter:fliph() flipv()" width="180" height="120"> |