/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 vote325 views1 answer
Css dropdown menu with scrollbar
CSS
0 vote370 views2 answers
Open sublime text 3 from terminal mac
CSS
0 vote401 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS
-2 votes368 views1 answer
Reduce image size on mobile view css
CSS
0 vote342 views1 answer
How to stilize title property css
CSS
0 vote341 views2 answers
Filter array by keyword
CSS
1 vote345 views1 answer
Why tr border not showing
CSS
-1 vote336 views1 answer
Css div bottom of parent
CSS
1 vote312 views1 answer
Meta refresh only once
CSS
0 vote358 views1 answer
How to get text to auto break in a grid
CSS