A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.We wanted to create a playful dragging interaction that will morph and animate an element depending on its position. If dropped before the bounds we will snap the element back with an elastic effect. We also add some bounciness to inner elements so that everything gets an even more organic feel.
Best jQuery Animation Plugins & Tutorials with Demo
2 Blocks Template with CSS3 & jQuery
A template split in 2 animated blocks of content, inspired by dropbox.com/guide.
On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps the old one. On smaller devices, we have a simple gallery of projects, with a slide-in panel containing additional project information.
Transitioning Buttons with CSS3 & JavaScript
Transitioning Buttons is a collection of flat buttons that morph into components. The examples show different types of components, i.e. fullscreen overlay, modal window and many more. The buttons are easy to integrate, customize and are fully responsive. The collection comes with six color themes including a quick setup guide.
Tabtab.js : jQuery Animated Tabs Plugin
A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.The plugin including the velocity.js library.
jcSlider : jQuery Responsive Slider with CSS Animations
A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn’t be easier!
- Only 1 js file
- 1Kb minified
- Responsive
- Multiple effects (more than 60!)
- Works with html, images… whatever you want to animate
