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

Đặt độ mờ cho hình ảnh với CSS


Để đặt độ mờ cho một hình ảnh, hãy sử dụng thuộc tính CSS -moz-opacity. Thuộc tính này được dùng để tạo hình ảnh trong suốt trong Mozilla. IE sử dụng filter:alpha(opacity=x) để tạo hình ảnh trong suốt.

Ví dụ

Bạn có thể chạy mã sau để định dạng hình ảnh và đặt độ mờ với CSS:

<html>    <head>    </head>    <body>       <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"          src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />    </body> </html>