/CSS/How to zoom picture on hover using css

How to zoom picture on hover using css

.img:hover{
transform:scale(1.0);
}

How to use image zoom effect in css

.parent {
  width: 400px; 
  height: 300px;
}

.child {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-image: url("images/city.jpg");
  background-position: center;
  background-size: cover;
}

Source: css-tricks.com

Similar codes

8 votes150 views2 answers
Css image size adjust
CSS
2 votes135 views1 answer
Vertically center an svg
CSS
19 votes146 views5 answers
Css opacity background color
CSS
0 vote143 views1 answer
Odoo search
CSS
0 vote149 views1 answer
Radio button css only 1
CSS
0 vote125 views1 answer
Circular div css
CSS
0 vote132 views1 answer
What is a trailling widget in flutter
CSS
0 vote129 views1 answer
What is bulletproof buttons
CSS
0 vote132 views2 answers
Popular class name layouts
CSS
0 vote135 views1 answer
Elementor ccs code for gradient
CSS