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

    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.

    Image Trail Effects with TweenMax & CSS

    Image Trail Effects with TweenMax & CSS

    A set of brutalist effects for mouse-following image trails that show a random series of images with tweenmax and css.The idea is to follow the mouse and show a trail of random images. It’s a kind of brutalist effect and there are various possibilities when it comes to showing and hiding the images. So we compiled a set of demos that explores different animations.

    Smooth Scrolling Image Effects with CSS & Tweenmax

    Smooth Scrolling Image Effects with CSS & Tweenmax

    A small set of ideas on animating images and other elements while smooth scrolling a page. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.