CSS Box Shadow Generator

This tool will help you generate CSS box shadows. If allows multiple shadows to be created in layers to create some interesting patterns. Try out the different color palettes on the random box shadow generator or see the examples to get a feel for what is possible.

Random Box Shadow Generator

Shadow Settings For Shadow 1
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dui est, eget gravida nisl sagittis quis. Vivamus convallis odio sit amet nisl vehicula, quis vulputate neque gravida. Aliquam ut sem ut nunc ultricies fringilla. Pellentesque sagittis ipsum eu massa semper iaculis. Cras vulputate congue dui at sodales. Nam sit amet bibendum sem. Donec mi nulla, dictum id commodo vitae, ultrices ac risus. Nam convallis elementum nibh, vitae tempus dolor fringilla quis. Donec et condimentum neque. Curabitur suscipit quis enim sit amet rhoncus.
Examples

FAQ