Menu
Category

Author 31 Jan 2014 in Navigation | 1 comment

Bold and Beautiful Drop-Down Navigation Menu

Bold and Beautiful Drop-Down Navigation Menu

Very beautiful and bold looking navigation menu created by Jordan Austin. This menu is two level and has some pretty cool animation effects achieved by using transition property of CSS3 when the link or menu is hovered.

The dropdown menu is initially hidden by setting its visibility property to hidden and opacity to 0. When the link is hovered, the visibility is set to visible and the opacity to 1 with some changes in position to make the animation better. Take a look at the code to understand what's happening here.

Read More

Author 31 Jan 2014 in Form | 0 comment

Checkout Form

Checkout Form

By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass.

View the original article and download the Sass source at:
cssflow.com/snippets/checkout-form

Original PSD by Umar Irshad.

Tested in Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8 (and newer).

Read More

Author 30 Jan 2014 in Form | 0 comment

Facebook Login Form

Facebook Login Form

By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass.

View the original article and download the Sass source at:
cssflow.com/snippets/facebook-login-form

Original PSD by Alex Montague.

Tested in Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8 (and newer).

Read More

Author 28 Jan 2014 in Other | 0 comment

Different CSS3 Box Shadows Effects

Different CSS3 Box Shadows Effects

Different CSS3 Box Shadows Effects by PaulUnd. These effects were first designed in Photoshop and then implemented using CSS3. The main key here is the use of box-shadow property. To create multiple shadows, :after and :before pseudo elements are used. Feel free to use them in your projects. It supports all major browsers that supports box-shadow property:

• Internet Explorer 9.0 and higher
• Firefox 3.5 and higher
• Chrome 1 and higher
• Safari 3 and higher
• Opera 10.5 and higher

Read More
1 2 3 »
%