Zoom animations in css

Css zoom

.zoom50 {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

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: 30secondsofcode.org

Similar codes

4 votes192 views2 answers
Is there an img cover
CSS
3 votes186 views4 answers
Transparent button css
CSS
1 vote186 views1 answer
How to alternate background colour in html div elements in css
CSS
56 votes207 views3 answers
Donald trump twitter
CSS
0 vote170 views1 answer
Html css limit page to a4
CSS
1 vote195 views1 answer
Css line break width
CSS
39 votes168 views3 answers
Rgba white color
CSS
1 vote136 views2 answers
List no bullets html
CSS
3 votes220 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote194 views1 answer
How to add carasoule in html using css
CSS