gistfile1.html

// Not sure if this works - but it should.

<div class="bd-grid">
	<div class="bd-col">
		<img src="">
	</div>
	<div class="bd-col">
		<img src="">
	</div>
	<div class="bd-col">
		<img src="">
	</div>
	<div class="bd-col">
		<img src="">
	</div>
	<div class="bd-col">
		<img src="">
	</div>
</div>

.bd-grid {
	width: 100%;
}
.bd-col {
	width: 19%;
	margin: 0 1% 0 0;
	float: left;
}

.bd-col img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
       -moz-filter: sepia(100%);
        -ms-filter: sepia(100%);
         -o-filter: sepia(100%);
            filter: sepia(100%);
}