Layer Motion Slideshow

2020-01-28T05:43:40-06:00

A CSS Grid-based slideshow template with a layer motion effect on the main image and title. Today we’d like to share yet another CSS Grid-powered slideshow with you. The idea is to show and hide images with a reveal effect and add a parallax like effect to the main image and the title. For the title we’ve added two copied layers with an outline style which creates an interesting motion effect. For the animations we use TweenMax. The initial view of the slideshow looks as follows: For each slide we have a custom grid layout with one main image that spans the [...]