Animated picture with zoom animation html code example

Example 1: zoom in to picture on html css

/* Point-zoom Container */.point-img-zoom img {  transform-origin: 65% 75%;  transition: transform 1s, filter .5s ease-out;}/* The Transformation */.point-img-zoom:hover img {  transform: scale(5);}

Example 2: how to use image zoom effect in css

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
}