Effetto glossy, ma con Javascript

glossy effect
Se in passato vi siete arrovellati il cervello per imparare a ricreare l'effetto glossy sui vostri bottoni, o per arrotondare gli angoli delle vostre immagini da inserire sulle pagine web (col chiaro problema della trasparenza e dell'alias sempre in agguato), oggi potete tirare un sospiro di sollievo e smettere di impazzire.
E' disponibile in rete uno script a dir poco fan-ta-sti-co e semplicissimo da usare che applica gli effetti glossy, angoli arrotondati e ombre on-the-fly, senza dover ricorrere a software grafici come il photoshop.

L'utilizzo è semplicissmo: basta richiamare lo script nella head della pagina web (dopo aver caricato il file glossy.js nel vostro spazio FTP) tramite il codice:

<script type="text/javascript" src="glossy.js"></script>

e richiamarlo aggiungendo alle immagini l'attributo class="glossy"

Semplice, no?
Si possono cambiare e personalizzare i valori di radius dell'angolo, di ombra, di sfondo e di gradient, il tutto esemplificato nel sito del suo creatore.

I hope you ENJOY IT!!

Links

Sito dello script glossy: http://www.netzgesta.de/glossy/
Condividi su Google Plus

Di andy2000

    Blogger Comment
    Facebook Comment

0 commenti :

Posta un commento