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

Sliding login panel using CSS3

Generally login panels are popups in webpages. In this one I'm trying to be a bit different. Here is a login panel that slides down. As soon as you hover on the login text, the panel rolls down. The panel has no initial background colour. While coming down it changes its background colour to a semi transparent white. One can easily customize the looks of the form in the panel. Adding a bit of animation using the keframes tag would make it look even better. Most of the popups created in webpages uses javascript which take a larger type to load, while doing so with CSS3 not only making it load faster but also gives a better look to the panel.

Download Link

No comments:

Post a Comment