FLAT BUTTONS PSUEDO STRIPED SHADOWS

Author:

  • Daniel Powell
  • August 30, 2016

Made with:

  • HTML / CSS

About the code:

This are amazing Buttons created with CSS and HTML. 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 is 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