html - How can I create a repeating linear background pinstripe effect? -


i have tried not give effect want.

  background: repeating-linear-gradient( 0, #222, #111 5px, #333 1px); 

what have background #222 , every 5px going down page have 1px height horizontal line #333 color. keep trying different combinations can't work. note needed modern ie9+ browsers.

something might simplest method.

 body {     height: 100%;     width: 100%;     background-color: #fff;     background-image: repeating-linear-gradient(to bottom, transparent, transparent 4px, #f00 5px, transparent 5px);   }


Comments

Popular posts from this blog

searchKeyword not working in AngularJS filter -

sequelize.js - Sequelize: sort by enum cases -

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -