Skip to content

Instantly share code, notes, and snippets.

@NdYAG

NdYAG/CSS Stripe Background

Created September 10, 2012 15:34
Show Gist options
  • Save NdYAG/3691588 to your computer and use it in GitHub Desktop.
Save NdYAG/3691588 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Multi Stripe Background
Raw
CSS Stripe Background
background-color:#313131;
background-image:url("../img/bg.jpeg");
background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.03) 50%, transparent 50%),
-webkit-linear-gradient(0deg, rgba(255,255,255,.06) 50%, transparent 50%),
-webkit-linear-gradient(0deg, transparent 50%,rgba(255,255,255,.01) 50%),
url("../img/bg.jpeg");
background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.03) 50%, transparent 50%),
-moz-linear-gradient(0deg, rgba(255,255,255,.06) 50%, transparent 50%),
-moz-linear-gradient(0deg, transparent 50%,rgba(255,255,255,.01) 50%),
url("../img/bg.jpeg");
background-image: -o-linear-gradient(0deg, rgba(255,255,255,.03) 50%, transparent 50%),
-o-linear-gradient(0deg, rgba(255,255,255,.06) 50%, transparent 50%),
-o-linear-gradient(0deg, transparent 50%,rgba(255,255,255,.01) 50%),
url("../img/bg.jpeg");
background-size: 80px,120px,140px,100px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment