Navigation tabs with rounded out borders using CSS3

View code Play Walkthrough

Description

Inspired from a tutorial on CSS Tricks by Chris Coyier. Overlapping pseudo elements are used to attach rounded out shapes to navigation elements to achieve the result.

Subscribe

Get updates about new walkthroughs, behind-the-scenes experiments, tips, tricks and more.

Add New Comment

4 Comments

(close)
eric fr.

eric fr.

awesome!

Jose

Jose

Hi.
How are you?
Fine. I have a problem.
Will you explian the code?
I don’t understand very good your code, i want implement in my web page, but… is not good my code… and, want i know how implement good your code in my web page. my mail is alagunajs@gmail.com
Thank you very much

4 Comments

Description

5x 10x 15x 20x