/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 vote138 views1 answer
Faire des colonnesdef etexte css
CSS
13 votes134 views2 answers
How to middle text css
CSS
0 vote134 views1 answer
Responsive css webpage code
CSS
3 votes149 views2 answers
How to modify select icon csshow to modify select icon css
CSS
30 votes146 views6 answers
Background image with gradient css
CSS
1 vote129 views1 answer
Scss nesting
CSS
0 vote131 views1 answer
Content visability auto
CSS
8 votes148 views5 answers
Css hover change other element
CSS
0 vote130 views2 answers
Tailwindcss link styling
CSS
1 vote127 views1 answer
Css position absolute transition
CSS