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
Post a Comment