3D Inset Parallax Effect

Posted on Monday, May 6th, 2013

Last week I came up with an interesting concept. Make a block-level element appear as if it’s sunken into the screen and its edges parallax on page scroll. So I whipped up a quick demo on CodePen to demonstrate. It turned out pretty good, so I thought I’d share it with Chris Coyer from CSS-Trick.com (Also the creator of CodePen). He liked it and asked me if I would like to showcase the concept on his site as a guest post. You can check it out here.