JSFiddle - React, Tailwind, and code Playground

by Yuriy Petrichenko

HTML

<div>
  <img src="http://static3.grsites.com/archive/textures/misc/misc285.jpg" alt="1">
    <img src="https://www.zaliyo.in/wp-content/uploads/2016/06/300x300.gif" alt="2">
      <img src="http://dogtowndogtraining.com/wp-content/uploads/2012/06/300x300-061-e1340955308953.jpg" alt="3">
</div>
<button>click</button>

CSS

body{
 max-width:600px;
 margin:0 auto; 
}
div{
  width:300px;
  height:300px;
  overflow:hidden;
}
img{
  position:absolute;
  transition:all 1s;
}

JavaScript

var gall = document.querySelectorAll('img');
var btn = document.querySelector('button').onclick=function(){
for(i=0;i<gall.length;i++){
if(gall[i]=gall[2]){
gall[2].style.opacity=0;

}
}
}