Create a glow around the object with CSS


Glow effect is used to create a glow around the object. If it is a transparent image, then glow is created around the opaque pixels of it.

The following parameters can be used in this filter

Parameter
Description
Color
The color you want the glow to be.
Strength
The intensity of the glow (from 1 to 255).

Example

You can try to run the following code to create a glow around the object.

Live Demo

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

Updated on: 13-Mar-2020

150 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements