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

    jQuery.Keyframes : Generates and runs CSS3 keyframes

    January 24, 2014 | Animation, CSS2 / CSS3.0, Plugins
    jQuery.Keyframes : Generates and runs CSS3 keyframes

    jQuery.Keyframes generates and plays CSS3 keyframes quickly and easily allowing you to concentrate on the content of your project whilst cutting down code.

    With the rise of CSS3 and HTML5, we see more and more usage of fancy features like transformations, translations, rotations and scaling. jQuery has a very nice built in $(selector).animate() function which allows for easy setup of these animations. However, jQuery’s animate() does not support multiple keyframes. jQuery.Keyframes helps you accomplish just that.

    Read More Demo

    Dot Navigation Styles with CSS3 & SVG

    January 24, 2014 | CSS2 / CSS3.0, SVG Tutorial
    Dot Navigation Styles with CSS3 & SVG

    Small UI elements usually don’t get too much attention when it comes to creative effects. They are often neglected because of their size. But they can offer a great opportunity to add some subtle, yet interesting effects. Recently, you might have seen some kind of dot navigation with a vertical or horizontal layout for scrolling a website to a section. Today we want to share a set of inspirational dot navigation styles with very subtle effects when we hover or when we click on them. For the effects we employ several techniques, including transitions on pseudo-elements, perspective and SVG.

    Read More Demo

    jqEasytooltip : jQuery Tooltip Plugin

    January 20, 2014 | Animation, CSS2 / CSS3.0, Plugins, Premium
    jqEasytooltip : jQuery Tooltip Plugin

    jqEasytooltip is an easy and customizable jquery plugin, built in css3 and well-designed javascript. Easy to use and customize, and strong for advanced users. Only one class to initialize (Declarative init) with data attributes. Modern css3 open and close effects.

    This plugin features a lot of design themes, css3 transition effects, and more than 300 icons from font awesome included for buyers. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!

    Features:

    • 25 themes to choose and customizable
    • More than 300 icons ready to use
    • 10 pure CSS3 animations for appear and disapear
    • Customizable events to show, hide, mousemove, enable, disable, etc..
    • Declarative init, easy and fast
    • Follow mouse or fixed position
    • youtube, vimeo, googlemaps, etc… tooltip content
    • collision window system
    • And much more configurations!!
    Read More Demo

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    January 18, 2014 | CSS2 / CSS3.0, Gallery, HTML5, Plugins, Responsive
    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

    Read More Demo

    CSS3 Product Wall

    January 16, 2014 | CSS2 / CSS3.0
    CSS3 Product Wall

    A CSS3 only product wall that demonstrates the use of the :target pseudo-selector.

    Read More Demo

    jQuery cssAnimateAuto : CSS transitions Plugin

    January 16, 2014 | Animation, CSS2 / CSS3.0, Plugins
    jQuery cssAnimateAuto : CSS transitions Plugin

    A jQuery plugin that uses CSS transitions to animate an element’s height or width to auto.

    Read More Demo

    Jumbo 7 : jQuery Image Fullscreen Gallery

    January 13, 2014 | CSS2 / CSS3.0, HTML5, Plugins, Premium, Responsive, Slider
    Jumbo 7 : jQuery Image Fullscreen Gallery

    Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Kenburn
    • Hardware accerlated slide animation
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Unlimited Title Caption
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Jumbo 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Jumbo 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.
    • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.
    • Video content support(Youtube,Vimeo) – Embeded videos are supported.
    • Carousel support – Carousel viewmode is supported.
    • Keyboard navigation available
    Read More Demo

    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    January 13, 2014 | CSS2 / CSS3.0, Gallery, Responsive
    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

    Read More Demo

    Hover.css : A collection of CSS3 powered Hover effects

    January 11, 2014 | CSS2 / CSS3.0
    Hover.css : A collection of CSS3 powered Hover effects

    A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

    Read More Demo

    Sinister – Pure CSS Image Hover Effects

    January 10, 2014 | Animation, CSS2 / CSS3.0, Premium
    Sinister - Pure CSS Image Hover Effects

    Sinister is More than 45 Pure CSS Image Hover Effects Which is Suitable for a Wide Variety of Websites and Have Very Easy Installation.With Install this CSS File You Will be able add Variety of Image hover effects to your images.

    Features:

    • Pure CSS
    • Without JavaScript or jQuery
    • More than 45 Hover Effects
    • More than 15 Button Transition Effects
    • More than 15 Overlay Transition Effects
    Read More Demo