JSFiddle - React, Tailwind, and code Playground

by von

HTML

<div style="">
    <img src="#" id="enlarge_images" />
    <div id="demo" style="overflow: hidden; width: 120px; text-align: center; padding: 10px">
        <img src="#" />
        <img src="#" />
        <img src="#" />
    </div>
</div>

CSS

#demo img{
     overflow: hidden;
     width: 100px;
     text-align: center;
     padding: 10px;
     z-index: 3;
 }
 #demo img:hover {
     border: 5px solid #f4f4f4;
    transform: scale(1.8);
      -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
     z-index: 3;
 }