Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is this tab-shadow possible in only CSS?

Tags:

css

Is it possible to duplicate the shadow effect you see here: http://a.imagehost.org/0835/sample.png without any images and using only CSS?

Let me clarify.... look at the shadow, it's around the tab and the content block itself, not just a simple div tag...

like image 473
Webnet Avatar asked Nov 18 '25 22:11

Webnet


1 Answers

Since your tab will most likely contain an anchor to make it clickable, I'd make the anchor a block element, give a background color, and increase the height to cover the bottom part of the shadow.

Here is a demo: http://jsfiddle.net/xFbfp/1/

like image 81
methodofaction Avatar answered Nov 22 '25 05:11

methodofaction



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!