This neat little trick uses an interesting combination of CSS attributes:
Notice that the colors for top/left and bottom/right are reversed when the hover function is engaged.
| Standard Colors | ||
| background ffcc33 |
bottom & right cc9933 |
top & left ffff99 |
| Hover Colors | ||
| background dcA943 |
bottom & right ffff99 |
top & left cc9933 |
Here are the results:
| Link 1 Link 2 Link 3 |
| Link 1 |
| Link 2 |
| Link 3 |