/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 vote193 views2 answers
How to change the select arrow in css
CSS
0 vote218 views2 answers
How to link css to html in visual studio code
CSS
0 vote179 views2 answers
* css meaning
CSS
10 votes238 views10 answers
Fortnite
CSS
29 votes184 views3 answers
How to remove scrollbar in css
CSS
47 votes212 views6 answers
Css nth child
CSS
0 vote197 views1 answer
Add css class c#
CSS
0 vote215 views2 answers
Ul class= social-icons
CSS
4 votes191 views2 answers
Is there an img cover
CSS
0 vote189 views1 answer
Daphne vs gunicorn
CSS