html
                 <div class="zoom">
  <img src="/images/register-site.png" />
  <p>آموزش ویندوز 11</p>
</div>
 
            

        
css
                 .zoom {
  width: calc(25%);
  height: 250px;
  padding: 10px;
  background-color: white;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border-radius: 10px;
  transition: transform .9s;
  margin: 0 auto;
}

.zoom img{
  width: 100%;
  height: 180px;
}

.zoom p{
  padding: 15px;
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}
 
            

            
js