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

0 vote223 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote215 views1 answer
Reference WP media file on child theme CSS file
CSS
1 vote218 views1 answer
Disable highlighting text in CSS.
CSS
30 votes218 views6 answers
Background image with gradient css
CSS
0 vote207 views1 answer
Container transparent text opaque
CSS
0 vote202 views1 answer
Chrome extension detect copy action
CSS
1 vote209 views2 answers
Css animation linear
CSS
4 votes217 views2 answers
Javafx button css
CSS
0 vote195 views2 answers
Laravel default app.css downloD
CSS
7 votes267 views1 answer
Remve arrow from input ype number
CSS