parallax

Animated Grid Previews

By Mary Lou on October 31, 2018

A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked. ...

CSS Grid Layout Slideshow

By Mary Lou on July 19, 2017

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating. ...

Little Fragments: Creating a Simple Image Poster Effect

By Mary Lou on January 19, 2017

A tutorial on how to create a simple image effect with little image fragments inspired by some poster art and powered by clip-path. ...

Fluid CSS3 Slideshow with Parallax Effect

By Rey Wang on April 30, 2012

In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds whi ...

Parallax Content Slider with CSS3 and jQuery

By Mary Lou on March 15, 2012

A simple parallax content slider with different animations for each slider element and a background parallax effect. ...

Showcase of Parallax Usage in Web Design

By Mary Lou on March 7, 2011

The use of the parallax effect or parallax scrolling effect in websites can add a nice three dimensional depth illusion to the design and make the visit very interes ...