{ usability + style }

{ animation }

CSS3 rollover transition

Snippet analogo a quello proposto in precendenza e supportato da jQuery, questa volta sfruttando la proprietà “transition” offerta dal CSS3, associandola agli attributi “color” per i link testuali e “opacity” per le immagini. browser supportati: Chrome, Safari, FireFox (4+), Opera […]

jQuery rollover fadeIn/fadeOut

Semplice snippet per un effetto rollover / rollout morbido in trasparenza, applicabile su elementi multipli senza che si accavallino le animazioni. Fondamentale perciò lo stop() prima di richiamare l’animazione. JavaScript $('.roll').hover(function() { // rollOver $(this).find('img').stop().animate({ 'opacity': 0.5}, 'fast'); }, function() […]

Nicola Franchini
webdesigner, graphic, web developer. I retweet tips, tricks and snippets about wordpress, php, jquery, and other web stuff
loading...
x