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.
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.
For troubleshooting, feature requests, and general help, contact Customer Support at . 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.
Hi. I recently get the css3 menu free version to proof the product and I have a problem when publish the menu in my browser only appears the menu in letter not buttons.
Dear madame or Sir, In have made a menu with CSS3 menu 4.7 and tied to insert it into my html code. I did not succeed, I just get a list. I did copy the style folder and I can open the style code on the site page.
I downloaded your software but I can't get it to work. I uninstalled my original installation, downloaded the software again and then re-installed but the problem remains. Css3menu appears in Start -->Programs...
Is the CSS3 menu compatible with Dreamweaver 8? If so I shall purchase.
Good morning! I do not like your software. I want refund.
On a daily basis is designing pages. I got information about you from one of the sites for the webdesigner.
Hi, I am experimenting with your software, and don't see any way to show a certain menu selection is active on a page. What I want, is when I click on a menu button, I want to highlight that the button is selected.
Hello, I have just installed a version of application for Windows. But as soon as I open the program, I get the message from Windows that CSS3Menu doesn't work.
I downloaded the new file for my Mac and it won't open. I get following error "CSS3Menu can't be opened because it is from an unidentified developer". Any ideas?
Can you confirm that all off the templates in this package are responsive design, or is it just one that is responsive?
Hello! I want to add 2 different menu (vertical and horizontal) on the same page on my site. Is it possible? How can I do it? Thank you.
Is there a phone number that I can contact? I have some very basic questions.
Hello! Is it possible to use your CSS3Menu in a WordPress template? Or is there a plugin available to buy?
Hi, I've downloaded free version and inserted the menu into my page. It looks fine in all browsers except IE. Could you help with it? Thanks.
Hi guys, i would like to use CSS3 menu by cross frame. How can I set it ??