Tạo hình ảnh phản chiếu bằng CSS

Hiệu ứng lật được sử dụng để tạo hình ảnh phản chiếu của đối tượng. Các thông số sau có thể được sử dụng trong bộ lọc này -

Tham số	Mô tả
FlipH	Tạo hình ảnh phản chiếu ngang
FlipV	Tạo hình ảnh phản chiếu dọc

Ví dụ

Bạn có thể thử chạy mã sau để tạo hình ảnh phản chiếu

<html>
   <head>
   </head>
   <body>

      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipH">
      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipV">

      <p>Text Example:</p>

      <div style="width: 300;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: FlipV">CSS Tutorials</div>
   </body>

</html>