CSS3 box shadow generator

Use this cross-browser CSS3 box shadow code generator to add drop shadows to your HTML elements by simply moving sliders.

The border-radius property is supported in most modern browsers (even IE9).


CSS3 Box Shadow code:

CSS code

Link to this page: “CSS3 box shadow code tool”

You can link to this tool using this HTML code. Simply copy and paste it into your page:

<a href="https://manytools.org/css3/box-shadow-2/">CSS3 box shadow generator</a>

If you have any problems using this CSS3 box shadow generator, please contact me.


Updates

August 18, 2017

Migrated to HTTPS

Happy to inform that Manytools is now fully Chrome-62-ready, thanks Google! A secure connection had been due for a very long time. Today we finally got around to upgrading the site to run on HTTPS. – (Starting October 2017, Chrome (version 62) will show a “NOT SECURE” warning when users enter text in a form on an HTTP page, and for all HTTP pages in Incognito mode.)

August 10, 2016

article personal

Who is this person?

Quickly lookup any person by e-mail address or name. Run an instant background check or find contact details & personal records (including public legal records).

November 23, 2013

bubbles

New: Ⓑⓤⓑⓑⓛⓔ text tool

Stand out; use special characters in your tweets or e-mails.

November 23, 2013

smallcaps

New: Sᴍᴀʟʟᴄᴀᴘs text tool

Look like a Bᴀɴᴋ with Sᴍᴀʟʟᴄᴀᴘs in your status-updates or e-mails.

November 21, 2013

dnssec lock

DNSSEC checker tool added

Domain not resolving? Check your DNSSEC here.