CSS3 Dropdown Menu
While I was coding the Notepad theme, I’ve learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I’ve created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered.
Related Posts :
Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transit ...
Create a dropdown menu with CSS Transitions without JavaScript Newer versions of Apple's ...
Rolled corners are popular. Dimension is in. The CSS3 box-shadow property isn’t entirely fl ...
Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow yo ...
The actual polaroid effect itself is simply applied using padding, a border and a backgroun ...
Posted on Monday, December 20th, 2010 at 4:50 am | Category: CSS |
Categories
- Adobe Photoshop Tutorials
- Ajax
- Articles
- Companies
- Corporate / Elegant
- CSS
- Designers Work
- Fonts
- Freebies
- Freelance / Portfolios
- Galleries
- Graphic Art
- HTML
- HTML5
- Icons
- Identity
- Illustration
- Internet
- Java Script
- Jquery
- Marketing
- One Page Websites
- Photo Creativity
- Photoshop
- Print Design
- Stock Images
- Typography
- Vectors
- Video Tutorials
- Wordpress
- Wordpress Themes