Computer >> Máy Tính >  >> Lập trình >> CSS

Hiệu ứng lật với CSS

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

S.Không
Thông số &Mô tả
1
FlipH
Tạo hình ảnh phản chiếu ngang
2
FlipV
Tạo hình ảnh phản chiếu dọc

Ví dụ

Để đặt hiệu ứng lật

<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>