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

Đặt độ mờ của hình ảnh bằng CSS

Để đặt độ mờ của hình ảnh, hãy sử dụng CSS - moz-opacity bất động sản. Thuộc tính này được sử 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ể thử chạy đoạn mã sau để tạo kiểu cho hình ảnh và đặt độ mờ bằng 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>