Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Transitioning Buttons with CSS3 & JavaScript

    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.

    jcSlider : jQuery Responsive Slider with CSS Animations

    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

    iHover : Collection of Hover Effects with CSS

    iHover : Collection of Hover Effects with CSS

    iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.

    • Pure CSS!
    • Sass CSS
    • Modular code
    • Bootstrap compatible (Bootstrap is not needed though)
    • Well documented

    All Animation : jQuery CSS3 Multiple Animation Plugin

    All Animation : jQuery CSS3 Multiple Animation Plugin

    All Animation.css is a set of animations, fun to let your sexiest project. They are cross-browser animations but that will emphasize your pages as sliders, 3D effects’s.

    CSS3 Hovers Effects for Links & Buttons

    CSS3 Hovers Effects for Links & Buttons

    A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG and so on. Easily apply to your own elements, modify or just use for inspiration. Available Sass and LESS.

    • 45 unique effects
    • friendly mobile device
    • CSS3 animations
    • LESS/SCSS/SASS
    • Lightweight and flexible
    • Easy theme customization

    Animated Sign Up Flow with CSS3 & jQuery

    Animated Sign Up Flow with CSS3 & jQuery

    A pricing table that animates into a sign up form once the user selects a plan.

    In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to animate the pricing table, and show the checkout form right away, in the same page.

    Detecting CSS Animation & Transition End with JavaScript

    Detecting CSS Animation & Transition End with JavaScript

    Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS.

    Responsive Bootstrap Sidebar Navigation

    Responsive Bootstrap Sidebar Navigation

    HOE Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.

    Features:

    • Fully Responsive ready for Desktop, Tablets and Mobile
    • Multiple Color options
    • Bootstrap based
    • Options to choose Sidebar Navigation or horizontal navigation

    Enhance.js : Zoom & dynamically Crop Images

    Enhance.js : Zoom & dynamically Crop Images

    A simple jQuery plugin for image zooming – now with support for object-fit/object-position, powered by Velocity.js animations, complete with some pre-defined image cropping classes.

    tFigure2 : Animated Image Captions with CSS3

    tFigure2 : Animated Image Captions with CSS3

    Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!