Breadcrumb without images

• Galaxy
• World
• France
• Alsace
• Here
• Drinking beer now !

Using :

• CSS3 border-radius on the right edge
• CSS3 transparent radial-gradient on the left edge
• CSS3 general siblings selector (~) on hover

• Galaxy
• World
• France
• Alsace
• Here
• Drinking beer now !

Using :

• CSS2 before and after + rotate for creating arrow
• CSS3 linear-gradient for background

OK on Firefox 3.0+, Chrome 5+, IE9, Safari 4+, Opera 11

Author : Raphael Goetter