Horje
animate zoom in and zoom out in css Code Example
zoom animations in css 
.zoom-in-out-box {
  margin: 24px;
  width: 50px;
  height: 50px;
  border:1px solid green;
  background: #f50057;
  animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
Source: www.30secondsofcode.org
animate zoom in and zoom out in css 
<div class="cardcontainer">
  <img class="galleryImg" src="https://www.google.com/logos/doodles/2014/2014-winter-olympics-5710368030588928-hp.jpg">
</div>

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.cardcontainer img {
    animation: zoominoutsinglefeatured 1s infinite ;
}
Source: stackoverflow.com



Css

Related
gravity form css Code Example gravity form css Code Example
radio checked css Code Example radio checked css Code Example
title underline Code Example title underline Code Example
css make background image repeat horizontal Code Example css make background image repeat horizontal Code Example
if i forked and cloned a github repo can i change the name Code Example if i forked and cloned a github repo can i change the name Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 10



 

Horje