数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究用 CSS 翻转鼠标悬停图片
使用 transform CSS 属性翻转图像。可以尝试运行以下代码在鼠标悬停时翻转图像
示例
<!DOCTYPE html>
<html>
<head>
<style>
.myimg:hover {
transform: scaleX(-1);
}
</style>
</head>
<body>
<h2>Heading One</h2>
<p>Let's flip the image on mouse over:</p>
<img class = "myimg" src = "https://tutorialspoint.com/python/images/python_data_science.jpg"
alt = "Python Data Science" width = "300" height = "200">
</body>
</html>
更新时间： 2020 年 6 月 24 日
365 次浏览
广告