zoom

$(function() { var el = $('.intro'), mac = $('#mac'), offset = mac.offset(), windowHeight = $(window).height(); $(window).on('scroll', function() { $('h1').fadeOut(500); var windowTop = $(window).scrollTop(), scrollPercent = (offset.top - windowTop) / offset.top, scale = 'scale(' + scrollPercent + ')'; el.css('transform', scale); if (windowTop >= 940) { el.hide(); } else { el.show(); } }); });

Just scroll!

Apple iMac scrolling effect.

iMac 27" mockup by Koy Carraway.
Picture from WallWideHD - Transfagarasan.
Read more about Transfagarasan here.

Just scroll!

Apple iMac scrolling effect.

iMac 27" mockup by Koy Carraway.
Picture from WallWideHD - Transfagarasan.
Read more about Transfagarasan here.

Leave a Comment






*