Backlight
An SVG filter wrapper that adds a soft, saturated backlight glow around the content it wraps.
Installation
Copy the Source Code
Copy and paste the following code into your project:
backlight.svelte
index.ts
Folder Structure
Folder Structure
Examples
Image
Svg
Props
Backlight
Wraps content in an SVG blur and saturation filter to create a glowing backlight effect.
| Name | Type | Default | Description |
|---|---|---|---|
children | Snippet | undefined | The content rendered inside the backlight wrapper. |
class | string | undefined | Custom classes applied to the outer wrapper element. |
blur | number | 10 | Controls the blur intensity used by the SVG filter. |