css image zoom hover effects code example
Example 1: on hover zoom card
transform: scale(1.5);
Example 2: how to use image zoom effect in css
.child::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(52, 73, 94, 0.75);
}
.parent:hover .child:before,
.parent:focus .child:before {
display: block;
}