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

10 votes186 views5 answers
Css hr thickness
CSS
0 vote188 views1 answer
How to code color css property
CSS
0 vote184 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
4 votes198 views4 answers
Css transform origin
CSS
31 votes171 views6 answers
Linear gradient
CSS
12 votes223 views1 answer
Css curve table border
CSS
0 vote167 views1 answer
Css outline shorthand
CSS
-1 vote182 views1 answer
How to remove default styling of a tag
CSS
0 vote182 views2 answers
Cut word css
CSS
17 votes181 views2 answers
Filter: alpha(opacity=0);
CSS