/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 vote238 views1 answer
Restful url to update status
CSS
0 vote258 views1 answer
Fabric bring to front element top
CSS
4 votes200 views1 answer
Grid mdn
CSS
1 vote240 views1 answer
How to get element details using cssselector using beautifulsoup
CSS
5 votes232 views3 answers
How to get rid of button outline when clicked
CSS
0 vote263 views1 answer
Nunito
CSS
2 votes243 views1 answer
Add padding to scrollbar
CSS
0 vote239 views1 answer
Bold in label html
CSS
0 vote252 views1 answer
For...of...loop
CSS
0 vote241 views1 answer
Enqueing another css file in shild
CSS