/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 vote247 views1 answer
Progress bar bootstrap border
CSS Bootstrap
120 votes176 views3 answers
React import bootstrap css file
CSS
0 vote229 views1 answer
Css padding top screen height
CSS
0 vote188 views1 answer
Css basics
CSS
0 vote174 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote159 views1 answer
Access lamp folder using terminal mac
CSS
6 votes176 views8 answers
Bootstrap css
CSS
1 vote241 views1 answer
Css rules only for mozilla
CSS
0 vote297 views1 answer
Video camera icon font awesome
CSS
0 vote214 views1 answer
Kill docker by image name
CSS