<!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>
<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>