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

    Rippler : Effect that spreads like a wave in touch or click

    Rippler : Effect that spreads like a wave in touch or click

    Rippler is a  effect that spreads like a wave in touch or click with javascript and css3.

    CSS3 Image Mapping using jQuery

    CSS3 Image Mapping using jQuery

    You might known that CSS is a language which is used to design a website.But,CSS3 is also used to draw and animate things like logos,ad banners,image transitions etc. Now, I’m going to explain you about image mapping technique using CSS3 and jQuery. The image mapping technique with an example of an interior guide,this is the most interactive guide than ever.

    Responsive Newsletter Form with CSS3 & jQuery

    Responsive Newsletter Form with CSS3 & jQuery

    A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

    3dbook : 3D Book Created with jQuery & CSS3

    3dbook : 3D Book Created with jQuery & CSS3

    This is 3d book created all by myself. All book is made by HTML5, CSS3 transitions and bit of javascript / jQuery code.

    Menuzord – jQuery CSS3 Responsive Megamenu

    Menuzord - jQuery CSS3 Responsive Megamenu

    Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.

    Features:

    • Fully Responsive
    • 16 Skins
    • Bootstrap compatible
    • 8 Color Schemes per Skin
    • Megamenu
    • Grid System
    • CSS animations
    • Right/Left alignment
    • Click or Hover

    Closing Door Menu with CSS3 & jQuery

    Closing Door Menu with CSS3 & jQuery

    This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

    Waves : Click effect Inspired by Google’s Material Design

    Waves : Click effect Inspired by Google's Material Design

    Waves is a Click effect inspired by Google’s material design.

    Scrolling Shadow Effect with CSS3 & jQuery

    Scrolling Shadow Effect with CSS3 & jQuery

    I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window. I’ve recreated this effect with CSS3 transform effects and some jQuery.

    baguetteBox.js : Simple and easy to use Lightbox Script

    baguetteBox.js : Simple and easy to use Lightbox Script

    baguetteBox.js is a simple and easy to use lightbox script written in pure JavaScript.

    Features:

    • Written in pure JavaScript, no dependencies required
    • Multiple-gallery support, allows custom options for each
    • Supports swipe gestures on touch-screen devices
    • Modern and minimal look
    • Image captions support
    • Responsive images
    • CSS3 transitions
    • SVG buttons, no extra files to download

    Create A CSS3 Spinning Preloader

    Create A CSS3 Spinning Preloader

    Learn how to create a nice CSS3 spinning preloader in this tutorial.