librería Glossy – Javascript

Glossy es una pequeña librería Javascript que permite agregar esquinas redondeadas además de brillos y sombras con lo cual se consigue un efecto visual muy agradable con imágenes sencillas. Es compatible con la mayoría de los navegadores entre ellos Firefox 1.5+, Opera 9+, Safari e IE6+.

Para utilizar Glossy los primero es descargar los archivos glossy.zip, luego de descomprimir los archivos, incluimos la librería glossy.js a nuestro html de la forma:

<script src="glossy.js" type="text/javascript"><!--mce:0--></script>

Una vez hecho esto tendremos disponibles las siguientes características para aplicarlas a nuestras imágenes:

iradiusNN: define el valor del radio, donde NN es el porcentaje de la dimensión minima, el radio puede ser desde 20 hasta 50.
noshadow: indica que no se debe aplicar shadow.
ibgcolor: indica el color del fondo en hexadecimales, debes colocar la palabra reservada ibcolor seguido del código del color en hexadecimal.
igradient: color del gradiente que se desea aplicar. La sintaxis es la misma que ibgcolor
horizontal: indica la direccion del gradiente, por defecto es vertical.

Para aplicar un efecto con un radio de 50% por ejemplo seria de la siguente manera:

<img class="glossy iradius50" src="imagen.gif" alt="" />

por el contrario si deseas aplicar un fondo azul sin sombra, sería de la siguiente manera:

<img class="glossy ibgcolor6099DF noshadow" src="box.gif" alt="" />

Una manera rápida y sencilla de dar efecto a nuestras imágenes no?

Disfrutenlo.

Fuente: http://www.netzgesta.de/glossy/