Box Shadow Generator

Design modern shadow effects for your elements

4px
4px
8px
0px

Generated CSS Code

box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.25);

Generated Tailwind CSS HTML code

<div class="shadow-[4px_4px_8px_0px_rgba(0,0,0,0.25)]"></div>

Other Box-shadow Tailwind Classes

shadow-sm
shadow
shadow-md
shadow-lg
shadow-xl
shadow-2xl
shadow-inner