CodePen

HTML

            
              <div class="lighten"></div>

            
          
!

CSS

            
              .lighten{
   width:640px;
	 height:480px;
   background-image: url("http://goo.gl/CNrFub");
   background-color:rgba(66,118,129,0.5);
   background-blend-mode: lighten;
   transition:  background-color 1s ease;
}
.lighten:hover {
 	background-color:rgba(66,118,129,1);
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................