Effect 6 - Border Fade

Pro

A reusable wrapper component that applies an elegant fading border effect to any content. The borders fade at the corners for a modern, polished look.

Prev Next

Theme

Upgrade to Pro

Border Fade Effect

A subtle border effect that fades at the corners, creating an elegant and modern look for your content cards and containers.

Loading code...

Starwind Dependencies

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Upgrade to Pro

Failed to load code. Please try again.

Code

Usage

<Effect6
  fade-distance={24}
/>

Props

prop	type	default	description
`fadeDistance`	`number`	`24`	Distance in pixels over which each border fades at its ends.