/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 vote124 views1 answer
Change height primeng progress spinner
CSS
1 vote100 views1 answer
Css round outline
CSS
0 vote109 views1 answer
How to remove the body margin from navbar in css
CSS
-2 votes129 views1 answer
Change icon color to gradient css
CSS
0 vote150 views1 answer
Html css on class
CSS
1 vote131 views1 answer
How to make a responsive box in css
CSS
0 vote117 views1 answer
Css widows
CSS
0 vote108 views1 answer
Project in css transforms
CSS
0 vote121 views1 answer
Mixin parameters
CSS
0 vote127 views1 answer
Input area bootstrap highlight
CSS