image zoom effect on mouse over css code example
Example 1: how to use image zoom effect in css
.parent:hover .child,
.parent:focus .child {
transform: scale(1.2);
}
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;
}