/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 vote355 views1 answer
Css select first immediate child
CSS
3 votes337 views2 answers
How to modify select icon csshow to modify select icon css
CSS
-1 vote363 views1 answer
Line break inside content css
CSS
1 vote372 views1 answer
Ionic textarea placeholder color
CSS
1 vote352 views1 answer
How to contain an image within a div
CSS
42 votes419 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote412 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote342 views1 answer
Input padding without changing width
CSS
7 votes364 views2 answers
Css set div width to screen
CSS
0 vote340 views1 answer
Mirror text css
CSS