/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

62 votes189 views6 answers
Css text shadow
CSS
6 votes191 views2 answers
Css border opacity
CSS
0 vote188 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
0 vote231 views1 answer
Css clamp vs media queries
CSS
0 vote183 views1 answer
Linear gradient farthest-corner code css
CSS
0 vote182 views1 answer
Bootstrap modal resize with jquery
CSS
13 votes191 views1 answer
Rgb gold
CSS
34 votes170 views6 answers
Color gradient for text
CSS
3 votes184 views1 answer
How to change the page background in css
CSS
0 vote180 views1 answer
Underlined style for a link
CSS