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

Áp dụng Opacity cho hình ảnh bằng CSS3

Để áp dụng độ mờ cho hình ảnh với CSS3, hãy sử dụng giá trị độ mờ cho thuộc tính bộ lọc.

Ví dụ

Hãy để chúng tôi xem một ví dụ -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: opacity(60%);
}
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>

Đầu ra

Áp dụng Opacity cho hình ảnh bằng CSS3