如何在html中更改图像的方向?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (211)

我想知道什么是HTML或CSS代码来设置图像的方向。任何帮助都将不胜感激。

提问于
用户回答回答于

可以使用以下代码:

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

在这段代码中,当鼠标结束时,图像就会被翻转!如果你不想要HoverEffect。那么,只需将其从代码中删除即可。

img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动