/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 vote177 views1 answer
CSS fluid type sizing based on viewport
CSS
2 votes181 views2 answers
Restrict a paragraph height css
CSS
6 votes182 views2 answers
Css last child with class
CSS
0 vote188 views1 answer
Z pos css
CSS
1 vote169 views1 answer
Css div fill whole page
CSS
1 vote191 views2 answers
Text overflow break line
CSS
0 vote190 views1 answer
Css orange color
CSS
37 votes173 views4 answers
Css circle border
CSS
0 vote182 views1 answer
Glass div generator
CSS
0 vote177 views1 answer
Mat-form-field textarea save with new line
CSS