Pens from Mark Hannen https://codepen.io/mhdesignsDOTcom/ en nospam@codepen.io Copyright 2024 2014-12-24T07:46:35-07:00 3D Paper button effects https://codepen.io/mhdesignsDOTcom/pen/myrOKx https://codepen.io/mhdesignsDOTcom/pen/myrOKx Mark Hannen

See the Code - See it Full Page - See Details

I made this demo to try out and illustrate some of the subtle button effects you can create just using box-shadow and borders on pseudo–elements. Inspired by the work I saw a while back over on Beemuse (http://beemuse.com/paper) and so this is a heavily tweaked more dynamic version of those effects. Also see Nicolas Gallaghers previous post on effects like this: http://nicolasgallagher.com/css-drop-shadows-without-images/ Tested in latest Chrome and Firefox, but no reason it shouldn't work in all latest browsers. Forked from [Ashley Nolan](http://codepen.io/ashleynolan/)'s Pen [3D Paper button effects](http://codepen.io/ashleynolan/pen/djpCG/).

]]>
3D Paper button effects 2014-12-24T07:46:35-07:00