TIP: Need inspiration? View shared stripes in "Your stripes" section

• stripe size
  
   

   

   
• spacing
  
   

   

   
• stripe color(s)
  
  [add color]
• background style
  
   
• shadow
  
   

   

   
• gradient height
  
   

   

   
• background color(s)
  
  

  
• stripe orientation
  
   

preview

 

 

1. Play with sliders and color pickers, untill you obtain a super-cool stripe tile
2. Press "Download" to save your creation
3. Edit your css adding this line to the element you want to stripe:
   
   background-image: url("path-to-stripe.png");
   If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:
   background-repeat: repeat-x;

Spread the word!