Box Shadow: lg
Explore the lg shadow effect and see how it can enhance your elements with depth and dimension.
Shadow Preview
shadow-lg
This element uses the lg shadow
Class: shadow-lg
CSS: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
Compare with Other Shadow Types
sm
shadow-smmd
shadow-mdlg
shadow-lgxl
shadow-xl2xl
shadow-2xlinner
shadow-innernone
shadow-noneUsage Examples
Cards
Light Card
shadow-sm
Medium Card
shadow-md
Large Card
shadow-lg
Buttons
Modals & Overlays
Modal
shadow-xl for depth
Overlay
shadow-2xl for prominence
Interactive Shadow Demo
Customize Element
Preview
Custom Element
shadow-lg
Classes: from-blue-500 to-purple-600 rounded-lg shadow-lg