/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

1 vote175 views1 answer
Apply css if class not present
CSS
0 vote195 views1 answer
Css good black color
CSS
0 vote249 views1 answer
Table inside table not matching borders
CSS
2 votes167 views2 answers
Css properties
CSS
0 vote182 views1 answer
Font shorthand CSS
CSS
27 votes165 views6 answers
Animation properties css
CSS
0 vote186 views1 answer
Crop image instead of resize css
CSS
0 vote181 views1 answer
Which CSS property is used to add shadow to an element?
CSS
0 vote192 views1 answer
Transparent circle in a div
CSS
0 vote185 views1 answer
Had to add a tint to a picture on css
CSS