FLAT BUTTONS PSUEDO STRIPED SHADOWS

Author:

  • Daniel Powell
  • August 30, 2016

Made with:

  • HTML / CSS

About the code:

Flat buttons are all the rage. Stripes are in season. Rather than accomplishing the stripes with a repeating SVG or PNG background image, this CSS-only approach uses a strategically spaced linear gradient at an angle to produce an identical feel. No tessellating knowledge needed. A transformation and intentional z-indexing give a smooth resolve on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: –

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *