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

Tạo hiệu ứng X-Ray (X-quang) với CSS Filter

Hiệu ứng X-Ray làm xám và làm phẳng độ sâu màu.

Tham số dùng trong bộ lọc này:

S.noTham số & Mô tả
1.Xray
Làm xám và làm phẳng độ sâu màu.

Ví dụ

Thử chạy mã sau để tạo hiệu ứng X-Ray:

<html>
<head>
</head>
<body>
  <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Xray" />
  <p>Ví dụ văn bản:</p>
  <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Xray;">CSS Tutorials</div>
</body>
</html>