/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

0 vote290 views2 answers
Superscript css
CSS
54 votes310 views3 answers
Center align an image css
CSS
1 vote289 views1 answer
How to remove increment in input type number
CSS
0 vote336 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
1 vote279 views1 answer
Lower image brightness css
CSS
1 vote282 views3 answers
Background image in css is not working
CSS
1 vote306 views2 answers
Css button border
CSS
0 vote291 views1 answer
Bootstrap popover style width
CSS
0 vote310 views1 answer
Canvas disable antialiasing
CSS
1 vote355 views1 answer
Can we use multiple keyframes in css
CSS