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

    esKju jQuery ScrollFlow Plugin

    esKju jQuery ScrollFlow Plugin

    Enhance your website by fancy effects based on the user’s scroll index. Pop-in, pop-out, sliding, sticky notes and much more. The plugin supports mobile devices and eldered browsers. It was built using the jQuery library.

    Features:

    • Eased animations for incremental mouse scroll-wheels
    • Adds fancy effects to your homepage
    • Customizable trough settings and CSS
    • Highly compatible
    • Highly customizable
    • Uses CSS3 transitions by default

    CSS3 Image Slide with single Image

    CSS3 Image Slide with single Image

    Nice image slide animation with a single img, animate css and a little jQuery.

    Content Filter with CSS3 & jQuery

    Content Filter with CSS3 & jQuery

    A slide-in filter panel powered by CSS and jQuery.A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.

    Flatcheckbox : jQuery Styleable Checkbox Plugin

    Flatcheckbox : jQuery Styleable Checkbox Plugin

    Service flatcheckbox is a small jQuery plugin that serves 2 purposes:

    • It styles a checkbox any way you want by hiding the <input type="checbox" /> and replacing it with a styled div. The css file that comes with the component creates a ‘flat’ checkbox (comparable with how you see checkboxes on Windows 8.x apps).
    • It binds your event handler to the element.

    Inspiration for Text Input Effects with CSS3

    Inspiration for Text Input Effects with CSS3

    Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.

    Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. We are used to the default form resembling its paper counterpart but in the digital world we can be more creative. Today we want to share some experimental styles and effects for text inputs with you.

    3D Curtain Template with CSS3 & jQuery

    3D Curtain Template with CSS3 & jQuery

    A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

    Snabbt.js : Fast Animations with javascript and CSS transforms

    Snabbt.js : Fast Animations with javascript and CSS transforms

    Snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

    snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering.

    Rotating Words using CSS3 Animations

    Rotating Words using CSS3 Animations

    In Modern Web Design, Typography plays a very important role in enhancing the looks of a website. For modular Web Design, selecting right effects is not an easy task. In today’s time, First Impression is the Last Impression. In this tutorial, we’ll create some different types of Animation Effects on rotating words in a sentence.

    Fixed Navigation Transition with CSS3 & jQuery

    Fixed Navigation Transition with CSS3 & jQuery

    Fixed headers are a must for long pages and menus that need to be seen all the time. The transition between an inline menu and a fixed menu is an added effect that really makes your navigation stand out. I have made two different transition effects: A flip effect and an arrow ribbon effect.

    tFigure : CSS3 Image Hover Captions

    tFigure : CSS3 Image Hover Captions

    Small collection of 5 CSS-only 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.