为啥水平竖直翻转的滤镜没有效果？？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="2.jpg" alt="3.jpg" id="image11" >
<p id="image22">图二</p>
<input type="button" name="button1" value="水平翻转" OnClick="document.getElementById('image11').style.filter='flipH'"><br>
<input type="button" name="button2" value="竖直翻转" OnClick="image11.style.filter:flipV"><br>
</body>
</html>
qq_浅秋_04051456浏览 1493回答 1
1回答
-
懒人3899010
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="2.jpg" alt="3.jpg" id="image11" > <p id="image22">图二</p> <input type="button" name="button1" value="水平翻转" OnClick="document.getElementById('image11').style.transform='scaleX(-1)'"> <br> <input type="button" name="button2" value="竖直翻转" OnClick="document.getElementById('image11').style.transform='scaleY(-1)'"> <br> </body> </html>
随时随地看视频慕课网APP
CSS3
JavaScript
前端工具