kokimu
6/7/2018 - 12:49 AM

CSS Only - Patterns

/* Gradient Stripes */
      
	background: 
	  repeating-linear-gradient(
	    90deg,
	    transparent,
	    transparent 40px,
	    white 40px,
	    white 80px
	  ),
	  linear-gradient(
	    to bottom,
	    #fa1a1f 0%,
	    #690000 100%
	  );
      
	/* IE10 Consumer Preview */ 
	background: 
		-ms-repeating-linear-gradient(
		90deg,
		transparent,
		transparent 40px,
		white 40px,
		white 80px
		),
		-ms-linear-gradient(
		to bottom,
		#fa1a1f 0%,
		#690000 100%
		);
      
	/* Mozilla Firefox */ 
	/*background: 
		-moz-repeating-linear-gradient(
		90deg,
		transparent,
		transparent 40px,
		white 40px,
		white 80px
		),
		-moz-linear-gradient(
		to bottom,
		#fa1a1f 0%,
		#690000 100%
		);*/
      
	/* Opera */
	background: 
		-o-repeating-linear-gradient(
		90deg,
		transparent,
		transparent 40px,
		white 40px,
		white 80px
		),
		-o-linear-gradient(
		to bottom,
		#fa1a1f 0%,
		#690000 100%
		); 
      
	/* Webkit (Safari/Chrome 10) */
	background: 
		-webkit-repeating-linear-gradient(
		90deg,
		transparent,
		transparent 40px,
		white 40px,
		white 80px
		),
		-webkit-linear-gradient(
		to bottom,
		#fa1a1f 0%,
		#690000 100%
		);
      
	height: 100%;