CSS3 Glow Tabs with Box Shadow
Details
Schedule
Speakers
Sponsors
Register
The tabs in this demo are image-less tabs
with 4 different CSS3 enhancements:
Rounded Corners (border-radius)
Box Shadow (bottom of inactive tabs)
Transitions (the glow on hover)
Gradients (the active tab)
CSS Transitions work in Chrome, Safari, Opera 10.5 & Firefox 3.7
The basic idea and techniques presented here are taken from the tabs on the
jQuery Conference site
.
< Go Back to the Article