/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

1 vote365 views1 answer
Display in flexbox
CSS
3 votes381 views1 answer
Trash icon in fontawesome
CSS
0 vote369 views1 answer
CodeIgniter + WordPress integration
CSS
1 vote331 views1 answer
Ionic ios remove button appearance
CSS
0 vote449 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
1 vote381 views1 answer
Clear both css
CSS
0 vote413 views2 answers
Css grid cheat sheet
CSS
2 votes379 views1 answer
Make text unhighlightable
CSS
5 votes384 views2 answers
Zoom animations in css
CSS
0 vote383 views1 answer
Rotate box-shadow
CSS