/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 vote247 views1 answer
Align grid items with end
CSS
0 vote292 views4 answers
Position absolute prevent overflow
CSS
0 vote236 views1 answer
Css input spaces between
CSS
0 vote208 views1 answer
Css logo color
CSS
1 vote210 views1 answer
Outside padding css
CSS
1 vote334 views4 answers
Button style css
CSS
0 vote278 views1 answer
Css template columns and rows
CSS
0 vote300 views1 answer
How to make multiple borders using box shadow in css
CSS
-1 vote323 views2 answers
How to set background automatically with my screen height
CSS
0 vote270 views1 answer
Hover on father elemet activates a child element css
CSS