使用 CSS 濾鏡實現輝光效果

輝光效果用於在物件周圍建立輝光。如果是透明圖片，則會在其不透明的畫素周圍建立輝光。

此濾鏡中可以使用以下引數 −

序號	引數和說明
1.	顏色您希望輝光呈現的顏色。
2.	強度輝光的強度（從 1 到 255）。

示例

您可以嘗試執行以下程式碼，以在物件周圍建立輝光 −

線上演示

<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>

Lakshmi Srinivas

更新於： 2020 年 3 月 13 日

763 次瀏覽

開啟您的職業生涯

完成課程獲得認證

開始

使用 CSS 濾鏡實現輝光效果

示例

開啟您的 職業生涯

開啟您的職業生涯