Demonstration of the effect of timing functions on an animation, using a Bezier curve controller. How to use: Drag the handles (green dots) of the control below to adjust the way the red dot runs its loop. It starts and ends in its ‘home’, but the speed may vary, and the dot may even temporarily […]
Category: Animation
Categories
Move a dot along a path
Create a dot moving along a path using SVG and JavaScript
Categories
Animation on page load
To bring a webpage to life, you may want to start an animation when the content of the page appears. For example, a text or an image fades in, or moves to certain position, or grows to a certain size, etc.
Here is a basic method to kick off a page load transition