/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 vote288 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote305 views1 answer
Remove border radius select css
CSS
0 vote388 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
0 vote288 views1 answer
How to add color to a image css
CSS
0 vote328 views1 answer
Wordpress https to localhost http
CSS
11 votes322 views4 answers
Background image css fill screen
CSS
1 vote365 views2 answers
What does clearfix for floats do in css
CSS
1 vote380 views1 answer
Bootstrap card hover effect
CSS Bootstrap
6 votes302 views6 answers
TAilwind css
CSS
56 votes332 views3 answers
How to make a round corner in CSS
CSS