Answers for "zoom out animation css"

css animation zoom in-out infinite

.examplediv {
  height: 500px;
  width: 500px;
  animation: zoom-in-zoom-out 5s ease-in infinite;
}

@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}

how to enlarge image when hover on in css

img:hover {
transform: scale(1.3);
}

on hover zoom card

transform: scale(1.5);