/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 vote120 views1 answer
Margin clickable
CSS
0 vote134 views1 answer
#f7fafc
CSS
0 vote116 views1 answer
Veritical align inline-block checkbox element
CSS
2 votes116 views1 answer
How to add space between menu items in css
CSS
0 vote140 views1 answer
@media for react style css
CSS
2 votes120 views1 answer
Slide up and down animation css
CSS
0 vote121 views1 answer
Responsive css webpage code
CSS
0 vote116 views1 answer
Roam research
CSS
8 votes181 views3 answers
Css darkmode
CSS
0 vote115 views3 answers
Force keyboard to show android programmatically
CSS