Sử dụng thuộc tính CSS chuyển đổi để lật một hình ảnh. Bạn có thể thử chạy đoạn mã sau để lật hình ảnh khi di chuột qua:
Ví dụ
<!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://www.tutorialspoint.com/python/images/python_data_science.jpg"
alt = "Python Data Science" width = "300" height = "200">
</body>
</html>