← Back to Glossary

box-shadow

Colors & Backgrounds

Applies offset shadow frames around an element, indicating physical depth layering on UI templates.

Common Value Formats

  • box-shadow: none; No shadow details
  • box-shadow: 2px 2px 5px rgba(0,0,0,0.1); Simple shadow offset
  • box-shadow: 0 10px 20px rgba(0,0,0,0.19), inset 0 6px 6px rgba(0,0,0,0.23); Soft blur shadows
interactive-example.html
Live Preview