Showing posts with label menu-navigation. Show all posts
Showing posts with label menu-navigation. Show all posts

Wednesday, September 26, 2012

Blur menu with CSS3 transitions

Blur menu with CSS3 transitions

There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Today I want to show you how to experiment with text shadows and with transitions in order to achieve a blur effect that we'll apply to a menu on hovering over the elements. The main idea is to blur the other items while enhancing the one we are currently hovering.

Wednesday, September 26, 2012

Create a slick menu using CSS3

Create a slick menu using CSS3

In this article I am trying to mimic the navigation menu in Dragon Interactive website using only CSS (no images, no JavaScript).

Wednesday, September 26, 2012

Advanced CSS menu trick

Advanced CSS menu trick

CSS really opens the doors to a lot of powerful and rich opportunities. It is funny how such minor things can create a whole new look, feel, and effect of a site. The beauty of CSS really is that it gives you power, but not too much power. It is not a tool like flash that really invites you to run away and take things too far.

Wednesday, September 26, 2012

Advanced CSS menu

Advanced CSS menu

This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now let's take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.

Wednesday, September 26, 2012

Create an advanced CSS menu using the hover and position properties

CSS menu

Starting with a photoshop file and finishing with semantic HTML and CSS, we'll be creating an advanced CSS navigation menu using its :hover and position properties.