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

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.

Smooth Scrolling with Inner Image Animations to a Web Page

Smooth Scrolling with Inner Image Animations to a Web Page
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.

TextyleFLIP.js : A Flip Text effect with jQuery

TextyleFLIP.js : A Flip Text effect with jQuery

TextyleFLIP.js is a flip text revealing effect with jQuery and tiny CSS.

Multipurpose Table with Animated Collapsible Columns

Multipurpose Table with Animated Collapsible Columns

A multipurpose, responsive table with animated collapsible columns and sticky head made with CSS3, jQuery and GSAP’s TweenMax.

Slideshow with Animated Circular Navigation

Slideshow with Animated Circular Navigation

A fullscreen, responsive slideshow with animated circular navigation. Depending on the thumbnail angle, circular navigation will rotate toward a certain direction.

In this article, I will show you how to create a fullscreen, responsive slideshow with animated circular navigation as well as how to easily make letter animations with the help of CSS3, jQuery and GSAP’s TweenMax, TextPlugin and CSSPlugin.

Portfolio Website Concept with Advanced Circular Motion

Portfolio Website Concept with Advanced Circular Motion

An animated portfolio website concept with the circular motion made with CSS3, jQuery and GSAP’s TweenMax and CSSPlugin.

Crossroads Slideshow with CSS & TweenMax

Crossroads Slideshow with CSS & TweenMax

Today we’d like to share an experimental slideshow with you. The main idea is to show three slides of a slideshow that is slightly rotated. The titles of each slide, which serve as a decorative element, overlay the images and are rotated in an opposing angle. This creates an interesting look, especially when animated. When clicking on one of the lateral slides, the whole thing moves, and when we click on the middle slide, we move everything up and reveal a content area.The animations are powered by TweenMax.

jQuery Interactive Modal with Funny Animations

jQuery Interactive Modal with Funny Animations

An interactive modal window with funny animations and colorful characters, built using CSS3, jQuery and GSAP’s TweenMax.

Creative View Mode Switch Animation with CSS & jQuery

Creative View Mode Switch Animation with CSS & jQuery

A creative views switch animation with grid and list viewing modes made with CSS3, jQuery, Masonry and GSAP’s TweenMax.