如何在html中更改图像的方向？
如何在html中更改图像的方向？
提问于 2018-06-17 22:59:36
我想知道什么是HTML或CSS代码来设置图像的方向。任何帮助都将不胜感激。
回答 1
Stack Overflow用户
发布于 2018-06-18 00:37:04
您的问题未被清除！
但是，如果您的意思是通过翻转来改变HTML中图像的方向！
然后,
您可以使用以下代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
</style>
</head>
<body
<img src="Image URl" height="auto" width="auto">
</body>
</html> 在此代码中，当鼠标位于图像上时。然后图像将被翻转！如果你不想要Hover效应。然后，只需将其从代码中删除。
img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}图像将被翻转！如你所愿。享受编码的乐趣！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50897822
复制相关文章
相似问题