/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

20 votes141 views2 answers
Div circle
CSS
6 votes144 views5 answers
Grepper shortcuts
CSS
2 votes146 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote194 views1 answer
In a form how to remove the input outerline color or shadow
CSS
0 vote148 views1 answer
Css pixel art
CSS
0 vote145 views1 answer
Css to reduce margin of class container
CSS
11 votes131 views2 answers
Css hr color
CSS
54 votes147 views4 answers
Dark blue hex code
CSS
0 vote144 views1 answer
Scss color black white
CSS
0 vote142 views1 answer
Css ios media query
CSS