Tag Archives: css3

SVG Scrolling Animation Triggered By ScrollMagic

We’ve created an SVG and animated it using GreenSock in my previous tutorial,
but what if we wanted the animation to only trigger when the user scrolls past a certain point of the website?

Have you seen the redesigned Squarespace 7 Cover pages landing page? Pretty cool effect, huh?

Now that we’ve created our SVG, lets try to animate it using GreenSock.

In short we will animate Ihatetomatoes logo to look exactly like my YouTube introduction clip.

Where should you invest your time to become a hot front-end developer in 2015? What are the upcoming trends on the modern web?

Do you remember Merry Christmallax? A short parallax scrolling one pager from last year?

This year, there’s no need to scroll.

How to create the phone transitions from the Google Calendar landing page?

Let’s explore how Google created this nice animation.

Have you ever tried to animate SVGs using GreenSock? The latest addition to the Greensock plugin library makes animating SVGs a breeze.

In this article I want to share where and how front-end developers can start with creating SVGs.