/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

3 votes334 views1 answer
What is a pseudo selector?
CSS
0 vote320 views1 answer
CSS adding something next to a picture
CSS
1 vote324 views1 answer
Blur edges css
CSS
20 votes296 views6 answers
Fonts for css
CSS
0 vote312 views1 answer
Css battle horizon answer
CSS
1 vote320 views7 answers
Java to python
CSS
0 vote322 views1 answer
Adding a perfect responsive background image
CSS
1 vote320 views3 answers
Css profile picture round
CSS
0 vote308 views1 answer
Import tailwind
CSS
0 vote352 views2 answers
Background path css
CSS