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

Tạo hình ảnh gương (Mirror) với CSS Filter Flip

Hiệu ứng Flip dùng để tạo hình ảnh gương của đối tượng.

Các tham số có thể dùng:

Tham sốMô tả
FlipHTạo hình ảnh gương ngang (lật ngang).
FlipVTạo hình ảnh gương dọc (lật dọc).

Ví dụ

Thử chạy mã sau để tạo hình ảnh gương:

<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>Ví dụ văn bản:</p>
  <div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipV">CSS Tutorials</div>
</body>
</html>