JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="entry-content post_content">
	<p>
		<a class="demo" href=""><br>
			<img class="raz" src="http://bronya-spb.ru/wp-content/uploads/2015/10/hitek-standart.jpg"><br>
			<img class="dva" src="http://bronya-spb.ru/wp-content/uploads/2015/10/vnut_standart/hitek-2-standart.jpg"><br>
		</a>
	</p>
</div>

CSS

html, body, .entry-content, p{
    height:100%;
}
.demo{
    background:#ccc;
}
.demo { 
    position:relative; 
    margin:0; 
    height: 100%;
    width: 32%;
    display: block;
}
 
  .demo img { 
    left: 0; 
    position:absolute; 
    top: 0; 
}
 
  .demo img.raz {opacity:0;filter:alpha(opacity=0);}
  .demo:hover img.raz {opacity:1;filter:alpha(opacity=100);}
  .demo:hover img.dva, .demo img.dva:hover {opacity:0;filter:alpha(opacity=0);}