- Interpolation of
Numbers over time (tweening)
- Playback control of an individual tween
- Extensibility hooks for key points in the tweening process
This is useful because it is the least amount of functionality needed to build customizable animations. Shifty is optimized to run many times a second with minimal processing and memory overhead, which is necessary to achieve smooth animations.
Walkway is an easy way to animate SVG elements.
- selector (mandatory) – The selector of the parent element (usually will be a specific svg element)
- duration – Time the animation should run for, in ms. Default is 400.
- easing – Name of the easing function used for drawing. Default is ‘easeInOutCubic’. You can also supply your own function that will be passed the progress and should return a value in the range of [0, 1];
Responsive 3D Fold Animation on Scroll a jQuery plugin.
CSS 3 Animations Triggered on Scroll, but with a Twist of a Story.
This is a responsive jQuery slider plugin. It supports many features like: responsive, touch enabled, smooth layered animation, 2d & 3d transitions, 12 easily customizable built-in skins, unlimited 2d & 3d carousels and category carousel, ken-burns effect, video embedding, powerful APIs.
This technique allows you to animate the drawing of text via converting text to SVG paths.SVG path animation is a trending technique in web-design allowing designers to draw simple and elegant icons. Now, designers can easily apply SVG animations to text.
Pixel animation is an animation script which can animate any image on any webpage. It disintegrates the specified image into pixels and then animates them as per user’s mouse interaction. There are various options that can be specified.
- Great attention grabber.
- It is very easy to use.
- No need to create animated gifs or flash. Simply upload an image and it will be animated.
- Fast animation.
- Animation interacts with viewer’s mouse movement.
- Auto stop once the animation completes.
- Animation automatically pauses when the page is not visible. For ex, when you select a different tab or minimize it..