Shadows

Add or remove shadows to elements with box-shadow utilities. Bootstrap docs

Examples

No shadow

Small shadow

Regular shadow

Larger shadow

Extra larger shadow

<div className="shadow-none p-3 bg-gray rounded mb-6">No shadow</div>
<div className="shadow-sm p-3 bg-white rounded mb-6">Small shadow</div>
<div className="shadow p-3 bg-white rounded mb-6">Regular shadow</div>
<div className="shadow-lg p-3 bg-white rounded">Larger shadow</div>
<div className="shadow-xl p-3 bg-white rounded">Extra larger shadow</div>

Think unique and be creative. Make a difference with Sandbox.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Buy Sandbox

PROJECT PAGES

SINGLE PROJECTS

Usage

Styleguide

Elements

Shadows

Examples

Think unique and be creative. Make a difference with Sandbox.