Glossy.js 1.3 es una pequeña librería Javascript que nos permite agregar instantáneamente esquinas redondeadas a las imágenes de nuestra web, evitando de esta forma tener que caer en la edición individual de cada una de ellas. El efecto que lograremos será el siguiente:
Instalación:
Primero descargamos la librería Glossy.js y la alojamos en nuestro servidor.
Hacemos el llamado a la librería agregando en nuestro encabezado, antes de la etiqueta < / HEADER > lo siguiente:
Modo de uso:
Cuando deseamos usarla agregamos a nuestras imágenes la clase “glossy”
EJ:
Otros Parámetros:
Radios
Podremos varias el radio del efecto agregando “iradius” seguido por el radio deseado en porcentaje clase “iradius25” (min=20 max=50 default=25 del radio) La foto que acompaña el post posee un radio de 50.
Ej:
Color de fondo:
Podremos variar el color de fondo agregando “ ibgcolor” seguido por el color deseado expresado en hexadecimal: (max=ffffff min=000000 default=0)
EJ:
Color de gradiente:
Podremos variar el color del gradiente agregando” igradient” seguido por el color deseado
(Max=ffffff min=000000 default=0)
src="images/foto.jpg" class="glossy igradient000000" />
Enlace Descargar