Glossy.js 1.4 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it’ll degrade and your visitors won’t notice a thing.

CVI-lab: Get a fast impression of the effects and their illustration qualities.

how to use


<html>
<head>
<title>Glossy.js (with IE 6/7 support)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-language" content="en">
<script type="text/javascript" src="glossy.js"></script>
<style type="text/css">
<!--
.style {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
-->
</style>
</head>
<body>
<table>
<tr>
<td align="center" valign="middle">
<span class="style"><img src="images/3.jpg" border="0"><br>
  not use</span></td>
<td align="center" valign="middle"><span class="style">
<img src="images/3.jpg" border="0" class="glossy" alt="glossy.js"><br>
  use</span></td>
</tr>
</table>
</body>
</html>

more info
http://www.netzgesta.de/glossy/