Expanding card page transition effect

The card expands into the background, no libraries, commented. Please note: this code is in no way ready to be used as is in production on your website. It will need to be adapted to be cross browser compliant & accessible. I just wanted to share how one might go about this effect with CSS & JS and no other dependencies

Author:
Rachel Smith
Created:
FEBRUARY 10, 2017
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen Expanding card page transition effect by Rachel Smith (@rachsmith) on CodePen.

Advertisement