Create a glow around the object with CSS

CSSWeb DevelopmentFront End Technology

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>
raja
Published on 27-Apr-2018 07:04:32
Advertisements