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

Đạt được Hiệu ứng Phát sáng với Bộ lọc CSS


Hiệu ứng phát sáng được sử dụng để tạo ra ánh sáng xung quanh vật thể. Nếu đó là một hình ảnh trong suốt, thì ánh sáng được tạo ra xung quanh các pixel mờ của nó.

Các thông số sau có thể được sử dụng trong bộ lọc này -

S.no
Thông số &Mô tả
1.
Màu
Màu sắc mà bạn muốn có được.
2.
Sức mạnh
Cường độ của ánh sáng (từ 1 đến 255).

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tạo ánh sáng xung quanh đối tượng -

<html>
   <head>
   </head>

   <body>
      <img src="/css/images/logo.png"
         alt="CSS Logo"
         style="Filter: Chroma(Color = #000000) Glow(Color=#00FF00, Strength=20)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Glow(Color=#00FF00, Strength=20)">CSS Tutorials</div>
   </body>
</html>