Introduction
It is reverse rounded corners without any images.
The flare effect is a combination of two steps. First,
we cover up the bottom left and right outside edges with the same background color as our tab. It can be viewed on any browser i.e. It supports all the browsers.
Now if we flared the "about" then it will look like this :
CSS Code
HTML Code
- <body>
- <ul>
- <li><a href="#">Home</a></li>
- <li class="current"><a href="#">About</a></li>
- <li><a href="#">Products</a></li>
- <li><a href="#">Services</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </body>