A jQuery plugin that makes content flow up as you scroll down.A similar effect to the one on the Google+ android app, the content flows up as you scroll down. A similar effect can also be seen on some well-done infinite scroll. This creates that effect without using infinite scroll.
Best jQuery Animation Plugins & Tutorials with Demo
jQuery Turtle : Turtle Graphics for jQuery
jQuery-turtle is a jQuery plugin for turtle graphics.With jQuery-turtle, every DOM element is a turtle that can be moved using turtle graphics methods like fd (forward), bk (back), rt (right turn), and lt (left turn). The pen function allows a turtle to draw on a full-document canvas as it moves.
Features:
- Relative and absolute motion and drawing.
- Functions to ease basic input, output, and game-making for beginners.
- Operations on sets of turtles, and turtle motion of arbitrary elements.
- Accurate collision-testing of turtles with arbitrary convex hulls.
- Simplified access to CSS3 transforms, jQuery animations, Canvas, and Web Audio.
- An interactive turtle console in either Javascript or CoffeeScript.
FullScreen Background Slider – jQuery SlideShow
The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.
Features:
- Responsive, Mobile-Friendly
- 20 Animation Effects
- Lightweight javascript (~14Kb), using CSS3 Transitions
- Compatible with all major browers
- 20 built-in patterns
- Customizable Animation Time
- init(), destroy(), updatepattern() methods
- jQuery Animations on Old Browsers
jQuery.Keyframes : Generates and runs CSS3 keyframes
jQuery.Keyframes generates and plays CSS3 keyframes quickly and easily allowing you to concentrate on the content of your project whilst cutting down code.
With the rise of CSS3 and HTML5, we see more and more usage of fancy features like transformations, translations, rotations and scaling. jQuery has a very nice built in $(selector).animate() function which allows for easy setup of these animations. However, jQuery’s animate() does not support multiple keyframes. jQuery.Keyframes helps you accomplish just that.
jqEasytooltip : jQuery Tooltip Plugin
jqEasytooltip is an easy and customizable jquery plugin, built in css3 and well-designed javascript. Easy to use and customize, and strong for advanced users. Only one class to initialize (Declarative init) with data attributes. Modern css3 open and close effects.
This plugin features a lot of design themes, css3 transition effects, and more than 300 icons from font awesome included for buyers. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!
Features:
- 25 themes to choose and customizable
- More than 300 icons ready to use
- 10 pure CSS3 animations for appear and disapear
- Customizable events to show, hide, mousemove, enable, disable, etc..
- Declarative init, easy and fast
- Follow mouse or fixed position
- youtube, vimeo, googlemaps, etc… tooltip content
- collision window system
- And much more configurations!!
jQuery Cool Text – Incredible Animations
It would be virtually impossible to create complex text animations only with css transitions. With CoolText you can do that with few lines of javascript or html attributes. It comes with 300 ready-to-use animations and with a tool that let you create your animations packs. You can use it both via javascript and html markup. CoolText lets you animate letters or words, control speed and stagger, create animations sequences and so on. And it’s responsive and SEO friendly. CoolText takes advantage of the TweenMax power and of the jQuery flexibility.
