CSS3 图片翻转效果

将你的鼠标移动到图片上：

Paris

代码如下：

<!DOCTYPE html>
<html>
<head>
<style>
img:hover {
  transform: scaleX(-1);
}
</style>
</head>
<body>
<h2>翻转图片</h2>
<p>将你的鼠标移动到图片上。</p>
<img src="/znadmin/md/1297/0.jpg" >
</body>
</html>

运行一下

CSS3 图片悬停

CSS3 响应式图片

CSS3 图片翻转效果

分类导航