Make special effects in 11 different styles with CSS

...: Use CSS to make artistic words ::..
If CSS filters are flexibly applied and combined, we can achieve many unexpected results. This is an example of the effect for your reference.

Western Electronics
The code is as follows:
FILTER: blur (direction = 135, strength = 8)

Western Electronics
The code is as follows:
FILTER: dropshadow (color = # B4BBCF, offx = 6, offy = 6, positive = 1)

Western Electronics
The code is as follows:
FILTER: glow (color = # B4BBCF, strength = 5)

Western Electronics
Two filters are used for this effect: shadow and alpha. The code is as follows:
FILTER: alpha (opacity = 100, finishiopacity = 0, style = 1)
Shadow (color = #8C96B5, direcction = 135)

Western Electronics
This effect also uses two filters, mask and shadow. The code is as follows:
FILTER: mask (color = # E1E4EC)
Shadow (color = #8C96B5, direction = 135) chroma (color = # E1E4EC)
Note: The mask color must be consistent with the webpage background color. The font color is determined by shadow.

Western Electronics
If the above effect is Yin Wen, the effect should be Yang Wen. Use two filters to implement mask and dropshadow. Note that the color of the mask must be the same as that of the webpage background color, alternatively, you can use mask and chroma in pairs to achieve the same effect. The code is as follows:
FILTER: mask (color = # E1E4EC)
Dropshadow (color = # B4BBCF, offx =-3, offy =-3, positive = 1)
Chroma (color = # E1E4EC )"

Western Electronics
You can use the glow filter to make hollow words. You can set the font color to the background color, and then set the strenght value of the glow filter to 1 or 2. The code for this effect is as follows:
FILTER: glow (color = #8C96B5, strength = 2)
Shadow (color = # B4BBCF, directive = 135)

Western Electronics
Western Electronics
Western Electronics
If the background uses images, you need to use mask and chroma in combination to achieve satisfactory results, so that the font can be transparent and the background can be transparent.
The code for the former effect listed above is:
FILTER: mask (color = # E1E4EC)
Shadow (color = # B4BBCF, directive = 135)
Chroma (color = # E1E4EC)
Note: the font color is determined by shadow. The colors of mask and chroma must be the same and the colors are arbitrary.
The intermediate code is:
FILTER: glow (strength = 1)
Mask (color = # B4BBCF)
Chroma (color = # B4BBCF)
Note: the mask and chroma colors are the same, which determines the font color.
The latter code is:
FILTER: mask (color = # E1E4EC)
Dropshadow (color = # B4BBCF, offx =-3, offy =-3, positive = 1)
Chroma (color = # E1E4EC)
Note: the colors of mask and chroma are the same, and the colors are determined by dropshadow.

WELCOME

Code for this effect:
FILTER: glow (strength = 4) mask (color = # E1E4EC)