<div id="silkscreen"></div>
body { background: #111; }
div#silkscreen {
			background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/silkscreen.svg),
			url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/lotus.jpg);
			padding-bottom: 32%;
			max-width: 800px;
			width: 80%;
			margin: 0 auto;
			background-position: 0 0;
			background-size:4px 4px, 100%;
			background-repeat: repeat, no-repeat;
			filter: grayscale(1);
			transition: 1.3s;
}
div#silkscreen:hover { 
  filter: none; 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js