/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

7 votes276 views3 answers
Rounded input css
CSS
1 vote333 views3 answers
Css hover animation text
CSS
0 vote302 views1 answer
Custom taxonomy pagination 404
CSS
2 votes301 views2 answers
Link to css html
CSS
0 vote271 views1 answer
Css orientations
CSS
0 vote296 views1 answer
Añadir hojas css externas a wordpress
CSS
1 vote253 views1 answer
Why are suacer pans made of bakelite
CSS
2 votes287 views2 answers
Adding background image to a div css
CSS
0 vote301 views1 answer
Media queries and or conditions
CSS
1 vote268 views1 answer
How to desactivate txt selection css
CSS