/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 vote199 views1 answer
Viewport is 480 pixels or smaller css
CSS
16 votes209 views2 answers
How to set background image 100 height
CSS
47 votes206 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
1 vote215 views1 answer
Bootstrap card hover effect
CSS
7 votes219 views3 answers
Border-width in percentage
CSS
3 votes208 views1 answer
Inline block align center
CSS
-1 vote223 views2 answers
How to style a particular image in css
CSS
0 vote206 views1 answer
Pill shape css
CSS
0 vote210 views1 answer
Css for vertical height
CSS
258 votes310 views6 answers
ForEach
CSS