Jose Tamu
January 10, 2025 /
Intermediate

Glowing Card

Glowing Card

How it works

Glowing Card is a nestable block element. You can put any elements at it, like you would do at a Breakdance div or section.

Content tab

Glow HSL color group

Glow color is determined by HSL paremeters: base, spread, saturation and lightness. You can learn more about HSL here.

Glow group

Outer: if true, the glow will spread outside the card.
Size: determines the size of the glow.

Backdrop group

Spot alpha: determines RGBa alpha value of the backdrop.
Blur: determines card’s backdrop blur intensity.

Border group

Glowing Card’s border width and radius have to be set here.
Card’s borders are enlighten to achieve the glowing effect. Light and spot alpha values will determine it.

Style tab

There are many groups available to style Glowing Card. If you need to apply additional styles, you can do so at the Settings Tab.