<div class="blend">
</div>
.blend
{
        width:782px;
        height:540px;
        background:#3db6b8 url("https://designpuddleblog.files.wordpress.com/2015/12/jancalender1680x1050.png?w=1000&h=&crop=1") no-repeat center center;	
		-webkit-transition: width 2s, height 2s, background-color 8s, -webkit-transform 2s;
}
.blend:hover
{
background-blend-mode: difference;
background-color:#112; 
transition: background-color 8s;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.