JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<div id="blend">
            <img src="http://lorempixel.com/output/nature-h-c-224-336-6.jpg"  />
            <img id="top" src="http://lorempixel.com/output/nature-h-c-224-336-7.jpg"  />
</div>
Weitere Inhalte

CSS

#blend { position: relative }

#blend img#top:hover { opacity:0 }

#blend img#top { position: absolute;
	top: 0; left: 0; opacity: 1;	
	transition: opacity 0.5s
}