本帖最後由 rainbow 於 2018-8-31 09:51 編輯
css图片垂直镜像
(此代码只在Chrome浏览器上才能显示镜像效果)
- <style type="text/css">
- .flipv {
- -moz-transform:scaleY(-1);
- -webkit-transform:scaleY(-1);
- -o-transform:scaleY(-1);
- transform:scaleY(-1);
- /*IE*/
- filter:FlipV;
- }
- </style>
- <div align=center><img src="http://newimg88.b0.upaiyun.com/newimg88/2017/10/photo1.jpg" width=400><br><br><img class="flipv" src="http://newimg88.b0.upaiyun.com/newimg88/2017/10/photo1.jpg" width=400></div><br><br>
複製代碼
|