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

Tạo ánh sáng xung quanh đối tượng bằng CSS


Hiệu ứng phát sáng được sử dụng để tạo ra ánh sáng xung quanh đối tượng. 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ó thể sử dụng các thông số sau trong bộ lọc này

Tham số
Mô tả
Màu
Màu bạn muốn có được.
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>