(TO THE GOD OF ABRAHAM, ISAAC AND JACOB. I DEDICATE THIS WORK TO YOU MAY YOU BLESS IT AND MAY IT BLESS THOSE YOU USE IT, MORESO MAY THEY KNOW YOU BY NAME, REPENT AND BE LED TO YOUR WILL AND KINGDOM.) Our Father who is in the heavens, let Your Name be set-apart,let Your reign come, let Your desire be done on earth as it is in heaven. Give us today our daily bread. And forgive us our debts, as we for- give our debtors. And do not lead us into trial, but deliver us from the wicked one because Yours is the reign and the power and the esteem, forever. Amen.
CSS Box Shadow Generator - Visual Builder Free - devformat.tools
▣

Box Shadow Generator

Runs in your browser
Configuration
5px
5px
15px
0px
30%
Output
Ready — zero server calls
Related Tools
▥
↗
CSS Gradient Generator
Create CSS gradients with a visual builder
◉
↗
Color Converter
Convert between HEX, RGB, HSL, and HSV colors
{}
↗
CSS Minifier
Remove comments and whitespace from CSS
How to Use
  1. Adjust the X offset, Y offset, blur, and spread using sliders.
  2. Pick a shadow color and opacity, optionally enable inset.
  3. Copy the CSS box-shadow code for your stylesheet.

Create CSS Box Shadows

Build CSS box-shadow values visually. Adjust horizontal offset, vertical offset, blur radius, spread radius, color, and opacity with interactive sliders. Toggle inset for inner shadows.

Box Shadow Properties

The box-shadow CSS property takes: horizontal offset, vertical offset, blur radius (optional), spread radius (optional), color, and an optional inset keyword for inner shadows.