Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Friday, December 2, 2011

Windows like menubar using only CSS3

This menu has been created using CSS3 and HTML5. Its really simple and needs to be customized as per the needs. No JavaScript in whatsoever form has been used. This menu can be easily customized by editing the CSS file. One can change the font-size, the colors, the opacity and the fade in and fade out effects of the menu. With the use of the "transform" and "transition" tags of CSS, effects have become really simple. You can even put in animations by using the "keyframes" tag. May be I'll show it in a modified version later.
With the use of the '>' operator now you can make anything appear or disappear whenever you want. Various realtime appications can be noted down as Tooltips, Notifications, Menus, Tabs and much more.

Download link:

No comments:

Post a Comment