首頁猿問為啥水平豎直翻轉(zhuǎn)的濾鏡沒有效果？？

為啥水平豎直翻轉(zhuǎn)的濾鏡沒有效果？？

CSS3 JavaScript 前端工具

qq_淺秋_04051456 2017-03-27 11:05:35

<!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="水平翻轉(zhuǎn)" OnClick="document.getElementById('image11').style.filter='flipH'"><br><input type="button" name="button2" value="豎直翻轉(zhuǎn)" OnClick="image11.style.filter:flipV"><br></body></html>

查看完整描述

1 回答

已采納

懶人3899010

TA貢獻(xiàn)4條經(jīng)驗獲得超2個贊

<!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="水平翻轉(zhuǎn)"?OnClick="document.getElementById('image11').style.transform='scaleX(-1)'">
????<br>
????<input?type="button"?name="button2"?value="豎直翻轉(zhuǎn)"?OnClick="document.getElementById('image11').style.transform='scaleY(-1)'">
????<br>
</body>
</html>

反對回復(fù) 2017-03-27