Shadow Generator

Shadow Color
Shadow Opacity
Horizontal Distance
0
Vertical Distance
0
Shadow Blur
25
Shadow Spread
5
Shadow Type
  • Web Code
  • Flutter Code
View {
box-shadow:0px 0px 25px 5px rgba(69,69,69,0.25);
}

Using this tool, you can create and test attractive shadows and use them in your projects. In this tool, you can adjust the type, horizontal and vertical distance, blur and shadow spread. You can also increase the number of shadow colors through the top bar.