Comments on: CSS3 Glow Tabs

By: Bob

Bob — Sun, 17 Jul 2011 20:27:59 +0000

Great tabs, looks very very nice. Thank you ! i will use them for my main website :-)

By: Matt

Matt — Mon, 25 Apr 2011 01:38:20 +0000

Wonderful. I was hoping someone would mention this trick.

By: fp a distancia

fp a distancia — Mon, 21 Mar 2011 17:57:05 +0000

its a really nice stuff. thanks!

By: energias renovables

energias renovables — Mon, 28 Feb 2011 09:02:55 +0000

Thanks Louis, its a really nice stuff! great!

By: What I’m doing 02/23/2011 | Shingonoide's Blog

What I’m doing 02/23/2011 | Shingonoide's Blog — Wed, 23 Feb 2011 12:02:13 +0000

[...] CSS3 Glow Tabs [...]

By: Tate

Tate — Fri, 18 Feb 2011 17:46:06 +0000

I agree with a previous comment. Can you add a dropdown menu and post a tutorial? I’d really appreciate it.

By: Roy Barber

Roy Barber — Sun, 13 Feb 2011 17:46:24 +0000

Just used this inspiration in my new portfolio site im designing now, thanks guys, just trying to get the tabs on the bottom instead of the top.

By: Dan Cassidy

Dan Cassidy — Fri, 28 Jan 2011 16:25:55 +0000

You don't need the extra

. I would remove it and change its CSS rule to:


ul#navigation:after {
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow: #111 0 -2px 6px;
	-moz-box-shadow: #111 0 -2px 6px;
	box-shadow: #111 0 -2px 6px;
	content: ' ';
}

Everything that supports box-shadow also supports :after.

By: Brett Widmann

Brett Widmann — Fri, 10 Dec 2010 19:29:05 +0000

This is a great tutorial. I really like this design. Thanks for sharing.

By: Christophe

Christophe — Thu, 04 Nov 2010 07:13:53 +0000

Thanks Doug and Louis for this cool design and the explanations!

I have applied this idea to demo my own tabs solution (for SharePoint):
http://sp2010.pathtosharepoint.com/Portfolio/Pages/Styled-Easy-Tabs.aspx

Rather than CSS3Please, I used the box model from CSS3 PIE to build the tabs and make them work in Internet Explorer.