In this third template we are introducing GreenSock and a parallax effect on the background images.
Category Archives: Tutorial
A Simple One Page Template Using ScrollMagic
Last time we have created A Simple ScrollMagic Template with intro screen and 3 full screen slides.
Today we will add a few blocks of content that only take as much space as the content inside of them.
I call them break sections.
5 Days With ScrollMagic
Have you tried to use ScrollMagic to trigger some CSS and JS animations, but was it over your head?
Don’t worry, you are not alone.
How To Animate Google SVG Logo Using GreenSock
How did I setup the SVG for the Google Logo animation? Why did I choose GreenSock and how did I animate the individual parts of the logo?
GreenSock Tutorials on YouTube
Do you prefer to watch videos instead of following written tutorials?
Check out my latest uploads on the Ihatetomatoes YouTube channel.
GreenSock Tutorial – How To Create A Simple Image Slideshow
We’ve covered the fundamentals of GreenSock and moved a few boxes using TweenLite and TimelineLite in the previous GreenSock tutorials.
But lets be honest, how often do you need to move a box on your real life projects?
GreenSock BezierPlugin – Screencast and CodePen demo
Have you ever tried to animate an object along a bezier curve? How do you work out the coordinates of the points? Find out in the following screencast.
GreenSock TimelineLite Tutorial
Last time we’ve covered how to create a few simple tweens with GreenSock TweenLite, but what if we wanted to control the playback of all the tweens with one single timeline?
That’s where GreenSock TimelineLite comes very handy.