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

    SVG Overlay and Infinite Menu Background Animation

    SVG Overlay and Infinite Menu Background Animation

    A little menu effect with composed of two things which is an SVG path overlay animation when it opens (or closes) and an infinite CSS powered background animation of an image grid.

    Magnetic Buttons with CSS & JavaScript

    Magnetic Buttons with CSS & JavaScript

    A small set of magnetic buttons with some fun hover animations.The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

    Infinitely Scrollable Vertical Menu

    Infinitely Scrollable Vertical Menu

    A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.

    CSS-Only Marquee Effect

    CSS-Only Marquee Effect

    A simple CSS-only marquee effect for a menu based on Francesco Zagami’s Dribbble shot.It has a really nice marquee animation when hovering a menu item (you have to wait a couple of seconds to see the menu).

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles css is a pure CSS library that provides you with a variety of nice-looking toggles.

    Revealing Hero Effect with CSS & JavaScript

    Revealing Hero Effect with CSS & JavaScript

    In this tutorial, we will show how to create a section that reveals its content when the previous element scrolls away.

    Background Scale Hover Effect with CSS Clip-path

    Background Scale Hover Effect with CSS Clip-path

    A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.The idea is to scale down the background image and “fitting” it to a clip shape which contains the same background image. The shape is visible because the opacity of the background is a bit lower.

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro - All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin is an a modern responsive chat plugin build with HTMl, JS & CSS3.

    •  Chat support plugin that provides a quick and easy way to interact with your clients.
    • JS, HTML5, CSS3, Bootstrap used to design hosting chat widget.
    • All the codes are clean and well organized, You are able to easily edit/change/customize any style.
    • These chat plugins are provided with 10 uniq designs, 8 color combination.

    Stacking Cards Effect with CSS & Intersection Observer API

    Stacking Cards Effect with CSS & Intersection Observer API

    In this tutorial, we will take a look at how to create a stacking cards effect, using the CSS sticky position and the Intersection Observer API.

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.