Hi all!
I have very simple hover fx for frontpage hotspot images:
var hover = $$('.hotspot');
hover.each(function(element) {
var fx = new Fx.Morph(element, {duration:180, transition:
Fx.Transitions.Cubic.easeInOut, wait:false});
element.addEvents({
'mouseenter': fx.start.pass({'bottom':30}, fx),
'mouseleave': fx.start.pass({'bottom':15}, fx)
});
});
Hover lift works in IE but for some reason images flip about 10px to
left and I can't figure out what could be causing it. Maybe someone
has idea for this?
Demo: http://demo5.blowback.fi/
CSS: http://demo5.blowback.fi/css/main.css