An Online Tool That Helps You Design Css Box-shadow

Updated on November 09, 2023 View Times: 1855

Catogery: design
Share on Twitter
brumm.af

Design Tools

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.

You May Also Like

Create Your Own Various Works Of Art Online

  • Updated on Nov 04, 2023
Tabbyed Is A Very Fun And Creative Tool Suitable For Users Of All Ages. It Can Be Used To Create A Variety Of Artwork Including Wall Art, Posters, Postcards, Logos, Apparel, And More

An online tool generates svg waves for web design

  • Updated on Oct 30, 2023
Getwaves Is A Simple Wave Object Creation Site Made By Zcreativelabs. On The Producthunt Site, It Is A Product That Won First Place On August 16, 2019.

Free Logo Design Online,Get A Good-Looking Brand

  • Updated on Nov 30, 2023
Start With A Logo And Edit To Your Liking. 0 Experience Required. Several Thousand Logos Created By Our Graphic Designers That You Can Edit To Your Liking

Make Organic SVG Shapes For Your Next Design

  • Updated on Nov 06, 2023
The Blob Generator, Maker, Creator Is A Free Online Tool That Helps You Quickly Generate Random Organic Shapes, Aka Blobs. Fill Them With Solid Colors

A Web Component For Drawing Patterns With CSS

  • Updated on Nov 04, 2023
Css-doodle Is Based On Shadow DOM V1 And Custom Elements V1. You Can Use It On All Major Browsers Right Now Without Polyfills.

Color Gradient Generator

  • Updated on Nov 16, 2023
A Free Color Gradient Generator. It Allows Users To Generate Various Color Gradients According To Their Preferences.

Collection Of Css Related Online Tools

  • Updated on Nov 17, 2023
Maybe You Can Use Css Toolbox

Optimal Overlay Finder, Design your overlay style online

  • Updated on Nov 21, 2023
An Online Tool For Designing Overlay Styles

An Free Online Tool Helps You Create Image And Text Shadows

  • Updated on Nov 22, 2023
Tool Create Image And Text Shadows