/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 votes157 views2 answers
How to change only bullet color in css
CSS
1 vote154 views1 answer
What is the username password for ftp lampp
CSS
1 vote149 views1 answer
Place many images in a div beautifully
CSS
0 vote180 views2 answers
Ihr seid alle dumabtu
CSS
0 vote175 views1 answer
How to include css in handlebars
CSS
2 votes114 views1 answer
How to bring default values in css
CSS
0 vote167 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
1 vote160 views1 answer
Scss light color
CSS
0 vote194 views1 answer
Change link color in wordpress
CSS
0 vote162 views1 answer
How to add images on images css
CSS