English Deutsch Español Italiano Русский Svenska 日本語

CSS3 Shadow

The CSS3 box-shadow property is a new way of adding drop shadow effects just by editing a style sheet. There’s no need to use Photoshop!
The box-shadow property takes several attributes/values, like any other CSS property, and these are are specified in order as follows: box-shadow: Apx Bpx Cpx #XXX:
      * Apx - Horizontal offset of the shadow: use positive value for right, and a negative value for left shadow;
      * Bpx - Vertical offset: use a negative value to add top shadow, with positive value the shadow will be below the box;
      * Cpx - The blur radius: a value of 0 makes the shadow sharp, the higher the number, the more blurred;
      * #XXX - Color.

The following code is generated for the box-shadow in CSS3Menu:
-moz-box-shadow:0.7px 1px 1px #777777;
-webkit-box-shadow:0.7px 1px 1px #777777;
box-shadow:0.7px 1px 1px #777777;

Here's a snapshot from Firefox showing the box-shadow effect:


The box-shadow is supported by the following browsers: Webkit (from Safari 3+, Chrome), Opera 10.5, Firefox 3.5.

The text-shadow property is used as follows:
text-shadow:2px 2px 2px #000;

CSS Shadows take three length values, and a color. The length values are a horizontal offset, a vertical offset and a blur. Offsets may be negative or positive.


The text-shadow is supported by the following browsers: Webkit (from Safari 3+, Chrome), Opera 9.5, Firefox 3.1(pre-Alpha), Konqueror.

See also:
CSS3 Rounded Corners
CSS3 Gradient



How to Build a Cool Animated CSS3 Menu with no Javascript

CSS3 Menu gui screenshot

1) Open CSS3 Menu software and click "Add item" and "Add submenu" buttons situated on the CSS3 Menu Toolbar to create your menu. You can also use "Delete item" to delete some buttons.

2) Use ready to use Templates. To do it just select theme you like in the "Templates" list. Double-click the theme you like to apply it.

3) Adjust appearance of the menu.
 3.1. Select item by clicking it and change button appearance for normal and hover states and set buttons link properties and link target attributes on the "Main menu" tab.
 3.2. Select submenu's item by clicking it and change submenu's appearance for normal and hover states and set submenu's item link properties and link target attributes on the "Submenu" tab.

4) Save your menu.
 4.1. Save your project file. To save project just click "Save" button on the Toolbar or select "Save" or "Save As…" in the Main menu.
 4.2. Publish your menu in the HTML format. To do it click "Publish" button on the Toolbar.

Contact US

CSS3 Menu
For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.
E-mail: Mail

Recent Templates


  • April 23, 2014 Transfer created menu css3 html5 from Windows to Mac

    I would like to use my macbook pro to learn and create the menu then transfer to finished menu to the windows 7 PC, is this possible or do I need to create two menus, 1 for windows PC and 1 for the mac?

  • April 22, 2014 Css select menu won't work in IE

    Hi, I've purchased the latest CSS3Menu version and inserted it into my page. It looks fine in all browsers except IE. Could you help with it? Thanks.

  • April 17, 2014 Upgrade single drop down menu html5 license to unlimited

    I purchased the single website license. If in the future I need to upgrade to Unlimited website license, will I have to pay the whole amount? Thank you!

  • April 17, 2014 Difference between html5 menu example Single Website and Unlimited Websites licenses

    Hi, I've tried the Free version and it looks perfect. I'm not sure what license I need to buy now. Could you write what is difference between Single Website and Unlimited Websites licenses? Thanks.

  • April 16, 2014 Install html menu code into clients' sites

    Hi, I am a website designer, and i would like to use your menu for a clients' websites. I have a couple clients, and would like to know how licensing works, as I am left a little confused.

  • April 16, 2014 Create accordion menu with html5 menu tag

    I have purchased the enterprise version and was wondering if there is a template for an accordion type menu so that I can keep everything compact on the left side of the screen.

  • April 14, 2014 Submenu isn't displaying at the bottom of the drop down css menu

    Hi - I need your assistance in a menu I created with the paid version of CSS3Menu 4.9. The submenu isn't displaying at the bottom of the main menu item, but it displays at the lower half of the main menu item.

  • April 11, 2014 Support free css menu templates by phone

    Dear Customer Support, I need to call the customer service. Do you have a phone number for the customer service?

  • April 11, 2014 Css3 menu maker doesn't run

    Hello, I recently downloaded the free version of your app. I unzipped the exe file and installed the application. The install went fine. However, when I try to run the application, it does not run... nothing happens.

  • April 09, 2014 Renew css menu design

    Hi Is it possible to buy without have to renew every year? What happens if i buy it now and don't renew next year?

  • April 09, 2014 Html vertical menu after one year

    Hi, I'm going to order the menu. It looks pretty good. I wonder what will happen with my menus when the one your is over? Thanks

  • April 07, 2014 RTL-mode in css3 menu tutorial

    I have a horizontal menu (flat template) and would like the drop down submenus on the far right hand side to open to the left rather than the right so they don't go outside the centered content for the page. Is this possible?

  • April 07, 2014 Move the vertical navigation menu css submenu

    I am a licensed user of CSS3 Menu version 4.5. I am using a PC and Windows7 and MS Internet Explorer. I am using your drop-down menu with a lot of submenu items ("mega-menu").

  • April 04, 2014 The second css dropdown menu code covering the first menu

    I have created a 'dummy' directory on my website and uploaded a test home page to illustrate the problem of the second covering the drop-downs of the first menu. I have also put a test 'footer' menu at the bottom of the page ...

  • April 02, 2014 Developer identification in horizontal menu bar css

    Hello CSS3 Menu team, How are you? Hope you are doing well. While I was trying to download and install the software I got an error message has something to do with software developer identification.