CSS3滤镜-水平和垂直翻转图片

来源:互联网 发布:算法导论 视频教程 编辑:程序博客网 时间:2024/05/21 07:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>水平(FlipH)和垂直翻转(FlipV)滤镜</title>
</head>
<body>
   <H1>水平翻转滤镜</H1>
   <ul>
    原图片:<img src="img/11.jpg">
    水平翻转后的:<img src="img/11.jpg" style="filter:FlipH()">
   </ul>


   <H1>垂直翻转滤镜</H1>
   <ul>
    原图片:<img src="img/11.jpg">
    垂直翻转后的:<img src="img/11.jpg" style="filter:FlipV()">
   </ul>
</body>
</html>
0 0
原创粉丝点击