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

    jQuery Amazing Portfolio – WordPress Plugin

    December 18, 2013 | CSS2 / CSS3.0, Gallery, Plugins, Premium, Wordpress
    jQuery Amazing Portfolio - WordPress Plugin

    Features:

    • Create Fully responsive portfolios
    • Control the number of columns for various screen resolutions and widths.
    • 25 unique and creative theme effects (More coming soon)
    • Unlimited colors and style.
    • Manage Unlimited Portfolios.
    • Control cross browsers CSS effects of various elements like borders, backgrounds, fonts, paddings, margins, alignments, colors, shadow etc.
    • Based on powerful Mixitup plugin
    • Images, video and audio support for portfolios
    • Fully customizable CSS and Style settings. Possible to customize or redesign all parts of portfolio from panel.
    • Responsive lightbox supports any media type like audio, video, external video, images, embeded codes and HTML codes.
    • Auto detect media in lightbox and keyboard support navigation
    • Control animation easing, animation effects and animation speed
    • Filterable portfolio with controllable animations.
    • 25 brilliant inbuilt demos
    • Create Audio file or Video file portfolio using default browser players
    Read More Demo

    Exploding Blocks with CSS and Javascript

    December 17, 2013 | Animation, CSS2 / CSS3.0
    Exploding Blocks with CSS and Javascript

    Ever wanted to make your HTML blocks explode when it’s clicked or touched? Well I did, and today I’m going to show you how I went about doing it. We’re mainly using CSS, but that’s all being run by Javascript just for ease. Read on to learn how it was done!

    So I was kind of inspired by this little gif I saw that had a block explode when it was clicked, and I thought that was really cool. So I started thinking, how would you do that with CSS and maybe some Javascript? Well I figured it out using a bit of math, and it functions as a pretty cool delete button.

    Read More Demo

    CSS3 Progress Button Styles

    December 13, 2013 | Animation, CSS2 / CSS3.0
    CSS3 Progress Button Styles

    Today we’d like to share some progress button styles with you. You surely know “Ladda” by Hakim El Hattab, a UI concept that indicates progress directly on the button that invokes a loading action. Some of the buttons have a built-in progress bar and today we’d like to explore that idea with some creative progress button styles. Using perspective will allow us to create some fun 3D effects besides the flat “filling” styles

    Read More Demo

    WordsRotator : A simple text elements rotator jQuery plugin

    December 12, 2013 | CSS2 / CSS3.0, Plugins, Text Effect
    WordsRotator : A simple text elements rotator jQuery plugin

    A simple text elements rotator jQuery plugin.You can include multiple CSS3 effects with Animate.css

    Read More Demo

    CSS3 Loading Animation

    December 11, 2013 | Animation, CSS2 / CSS3.0
    CSS3 Loading Animation

    Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrome.

    Read More Demo

    Zoomerang.js : Zoom in – Zoom out on Anything in your Page

    December 11, 2013 | Core Java Script, CSS2 / CSS3.0, Zoom
    Zoomerang.js : Zoom in - Zoom out on Anything in your Page

    Zoomerang.js is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.

    Read More Demo

    Move.js : CSS3 JavaScript animation framework

    December 8, 2013 | Animation, Core Java Script, CSS2 / CSS3.0
    Move.js : CSS3 JavaScript animation framework

    Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant.

    Read More Demo

    jQuery Motion Background Bokeh & Circles Animation

    December 6, 2013 | Animation, CSS2 / CSS3.0, Plugins, Premium
    Motion Background Bokeh & Circles Animation

    Background motion circles :

    • Any Background Color
    • Any Circle Sizes
    • Any Position
    • Any Speed
    • Most Browsers Compatible
    • Most mobile devices
    Read More Demo

    Block Slide: A CSS3 Animated Modal Window Image Gallery jQuery Plugin

    December 6, 2013 | Animation, CSS2 / CSS3.0, Plugins
    Block Slide: A CSS3 Animated Modal Window Image Gallery jQuery Plugin

    Today I’d like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.

    Read More Demo

    jQuery CSS3 Slider Timeline Menu

    December 4, 2013 | CSS2 / CSS3.0, Menus
    jQuery CSS3 Slider Timeline Menu

    Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and took it a step further with giving each section a color. The slider background color will fade to the selected section’s color.

    Read More Demo