walker1232,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.invert .inner {
opacity: 0;
-webkit-transition: all .2 ease-in-out;
-moz-transition: all .2 ease-in-out;
-o-transition: all .2 ease-in-out;
transition: all .2 ease-in-out;
}
.invert:hover .inner {
opacity: .8;
}
</style>
</head>
<body>
<div class="hex grid-4 invert" > hover
<a href="/project/slice" style="background-image: url(/uploads/work/300/124022040.jpg);" title=
"Slice" class="flex">
<div class="inner">12345</div></a>
</div>
</body>
</html>