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

    Pure CSS Select Styling

    Pure CSS Select Styling

    CSS styling of select component without JS, and using inline SVGs for the arrow symbol. The idea is to get rid of the need of using JS / JQuery for a decent select styling. Using inline SVG files to avoid extra requests to the server and a good visualization quality in retina displays.

    Detectr.js : JS Library to write Clever CSS Selectors

    Detectr.js : JS Library to write Clever CSS Selectors

    This plugin is a very small javascript library which gives you the ability to write clever and specific CSS rules to refine your website design for each different browser, platform, device and operating system.

    Animated Animals in CSS and SVG

    Animated Animals in CSS and SVG

    Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.

    Slider Maker : Visual Editor to Create Sliders

    Slider Maker : Visual Editor to Create Sliders

    Slider Maker creates Layered Sliders, Galleries, Carousels, Slideshows using a beautiful & easy graphical tool.

    • Fully responsive
    • Retina-enabled
    • Creates Well-adaptated images for each screen & device
    • Touch-swipe
    • Lazy Images Loading
    • Loaded with ajax

    Multistep Form With Progress Bar Using jQuery

    Multistep Form With Progress Bar Using jQuery

    In this tutorial we will create Multistep Signup form with progress bar using jquery and css.

    Ink Transition Effect with CSS & jQuery

    Ink Transition Effect with CSS & jQuery

    An ink bleed transition effect, powered by CSS animations.

    Voxel.css: Easy 3D CSS Libarary

    Voxel.css: Easy 3D CSS Libarary

    Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.

    CSS Mobile Header Animations

    CSS Mobile Header Animations

    I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

    Flik : jQuery Timeline Plugin with CSS3

    Flik : jQuery Timeline Plugin with CSS3

    This is very simple and modern CSS3 and jQuery. 8 style with 5 different effect

    Features:

    • 8 Style
    • 5 different effect
    • Pure CSS3
    • Works with all CSS3 Browsers
    • Easy to implement, customize and style

    jQuery Hover3d : 3d Hover Effect

    jQuery Hover3d : 3d Hover Effect

    jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value