/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 vote221 views2 answers
Css n number of lines only
CSS
1 vote163 views1 answer
Why are suacer pans made of bakelite
CSS
103 votes206 views2 answers
What are the types of positioning in css
CSS
0 vote190 views1 answer
Css sign in with google
CSS
32 votes198 views5 answers
Css text align right
CSS
1 vote205 views1 answer
How to set fallback font in css
CSS
7 votes205 views1 answer
Show hand icon on hover javascript
CSS
7 votes187 views2 answers
Make images same size css
CSS
0 vote264 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
1 vote204 views2 answers
Css select all immediate children
CSS