Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Lật hình ảnh khi di chuột qua bằng CSS

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>