This tool can help you create smooth css shadow effects

Updated on November 09, 2023 View Times: 1483

Share on Twitter

https://shadows.brumm.af

shadows.brumm.af is an online tool for generating smooth shadows with multiple levels. It was created by Philipp Brumm and released in December 2019.

The tool uses drag controls to visually adjust the visual effect of shadows. Users can control the number of layers of shadows, transparency, horizontal distance, vertical distance, and blur intensity.

The shadows generated by the tool are CSS code that can be copied and pasted directly into a web page.

Here are some examples of how the tool can be used:

  • Add shadows to elements to make them look more three-dimensional.
  • Add shadows to elements to make them look more prominent.
  • Add shadows to elements to make them look more interesting.

This tool is suitable for any web developer or designer who needs to use CSS shadows.

Here are some of the specific features of the tool:

  • Supports up to 10 layers of shadows.
  • Support adjustment of transparency, horizontal distance, vertical distance, and blur intensity.
  • The resulting shadow is CSS code that can be copied and pasted directly into a web page.

The use of this tool is very simple. Users simply select the element on the page where they want to generate the shadow and then use the drag control to adjust the visual effect of the shadow.

For example, to add a simple shadow to an element, the user can set the transparency to 0.5, the horizontal distance to 10px, the vertical distance to 10px, and the blur intensity to 5px.

To add a more complex shadow to an element, the user can increase the number of layers and adjust the parameters of each layer.

Share on Twitter
Catogery:DveTools