CSS RGBA Color Generator
The simplest and simplest way to create RGBA color.
Box Shadow Generator
Generate Css box shadow with tool.
Show Code
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
/* Optional */
background-color: rgba(255, 255, 255, 1);
border-color: rgba(255, 255, 255, 0);
border-radius: 0;
width: 250px;
height: 250px;
What is CSS Box Shadow? (box-shadow)
Box Shadow is used to cast a shadow on the background of an element.
You can create a card view using the box-shadow property to add shadows to elements in CSS.
The default value of box-shadow is none. Today, all browsers support box-shadow.
You can easily shape your box shadow as you wish with the box-shadow generator we created for you.
With the box-shadow generator we have created for you, you can easily shape your box shadow as you wish and set many effects.
Can I share my CSS design and code?
Yes, After creating your design, click the "Share Your Design" button. The system will create a short link for you. Thanks to this link, you can share your design with your friends with your css code. Your friends can update the design and get a new link and send it to you.