uttar.ya uttar.ya - 6 months ago 24
HTML Question

When hover the Selected image, the selected Image pops up

My Code is pure html with few javascript.I have some sets of image all i need when hover the image it pops up like in a big picture or with same size

The HTML code

<div class="content-box-left-bootomgrid lastgrid">
<img src="../images2.jpg" title="ocean" />
<img src="../images3.jpg" title="pool" />
</div>


When users hover the image,the image pops up this is all i need

Answer

Image become bigger on hover,

img {
  height: 200px;
  width: 200px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

img:hover {
  width: 220px;
  height: 220px;
}
<div class="content-box-left-bootomgrid lastgrid">
  <img src="https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/25126583741_d7db3f6905_o.jpg?itok=jYAcBCmb" title="ocean" />
  <img src="http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg" title="pool" />
</div>