Apple iMac

Apple iMac With Retina Deconstructed

Have you seen the latest Apple iMac landing page?

Find out how was the zoom-out scrolling effect created.

Zoom Out Effect On Scroll

iMac

In my recent deconstruction I’ve looked under the hood of this creative use of scrolling animation from Apple.

READ DECONSTRUCTION

The large zoomed-in image is actually 15 small images rendered on HTML5 canvas elements.

Check out the full deconstruction, it’s very interesting how it was done.

Conclusion

What do you think about this scrolling effect from Apple?

Do you think you could create a similar effect using Skrollr or ScrollMagic?

Let me know in the comments below.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.