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

    Experimental 3D Room Exhibition Layout with CSS3

    Experimental 3D Room Exhibition Layout with CSS3

    Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

    Dropdown Sidebar Menu Responsive Bootstrap Navigation

    Dropdown Sidebar Menu Responsive Bootstrap Navigation

    Scoop Navigation Menu Consist of both Horizontal and Vertical navigation with customize options and themes. Its lightweight and compatible with almost all major browsers and devices. this plugin make more then 50 plus navigation view. It supports four levels sub menu with shrink, Overlay and push effect.

    Multi purpose Responsive Scoop Navigation supports multi navigation style like: Expanded, Compact, Collapsed, offcanvas, fullPage Menu , Full MegaMenu, Half MegaMenu and Search bar on navigation. Three new navigation style introduce in this plugin like ex-popover, Sub-Expanded and fulldrop Menu

    Expanding Bar Navigation Concept with CSS & JavaScript

    Expanding Bar Navigation Concept with CSS & JavaScript

    Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.

    Stack Motion Hover Effects with CSS & JavaScript

    Stack Motion Hover Effects with CSS & JavaScript

    Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

    Form Wizard : jQuery Multi Step Form Validation

    Form Wizard : jQuery Multi Step Form Validation

    Single page 3/4/5 step form with every step script field validation. Multi format and style 144 item Sign up form, Include image uploader system. Using bootStrap responsive and it’s easy to customize for you.

    Blurify : JavaScript library to blurred Images

    Blurify : JavaScript library to blurred Images

    Blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

    AniCollection : Collection of CSS Animations

    AniCollection : Collection of CSS Animations

    AniCollection is a collection of awesome CSS3 animations from many libraries and many people. To give you an easy way to find, use and share it.

    First Person Sunglasses with CSS & JavaScript

    First Person Sunglasses with CSS & JavaScript

    Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a “try-on” in the classical sense for previewing how the sunglasses might look on a person, but instead how the view looks like when putting on some sunglasses and looking through them. For that we use a simple overlay effect and some animations to mimic the movement you do when you try on glasses from the first person perspective.

    Image Mask Effect with CSS & jQuery

    Image Mask Effect with CSS & jQuery

    An immersive transition effect powered by image masks and CSS transforms.

    Inspiration for Search UI Effects with CSS & JavaScript

    Inspiration for Search UI Effects with CSS & JavaScript

    Today we’d like to share a couple of ideas for search interaction effects with you. Mainly, we’d like to provide you with some inspiration for how to show the search interface in an interesting way. Maybe you’ve seen some modern animations for showing the search already, like Swiss Army Man or CMMNTY. Today we want to explore some different layouts combined with some engaging CSS animations.