I'd like to show you how to use the box-shadow property in CSS3.
The Syntax:
box-shadow: none | <shadow> [ , <shadow> ]*
<shadow> = inset? && [ <length>{2,4} && <color>? ]
<shadow> = inset? && [ <length>{2,4} && <color>? ]
For example:
box-shadow: 10 10;
box-shadow: -5 -5 10;
box-shadow: inset -5 -5 5 #888;
- inset means that the shadow inside the element;
- first number is the shadow's x offset;
- second number is the shadow's y offset;
- third number is the shadow's blur radius;
- fourth number is the spread distance of the shadow;
- the last is the color.
Using box shadow, you can beautify your HTML tabs looking.
See the demo.
