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.
A horizontal scrolling experiment with animated images made with GSAP’s TimelineMax and ScrollMagic.
A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js.
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.
An interactive modal window with funny animations and colorful characters, built using CSS3, jQuery and GSAP’s TweenMax.
Today we’d like to share an exploding object experiment with you. A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.
A creative views switch animation with grid and list viewing modes made with CSS3, jQuery, Masonry and GSAP’s TweenMax.
A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
An animated testimonials page made with GSAP’s TweenMax which will help you to impress your customers.