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 vote198 views1 answer
Prevenrt div with height 100% from growing up
CSS
0 vote156 views1 answer
Elemento SPAN
CSS
0 vote175 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
0 vote180 views1 answer
By.cssselector
CSS
35 votes148 views2 answers
Css code for margin
CSS
56 votes168 views2 answers
Responsive css code for all screen size
CSS
5 votes156 views3 answers
Back color rbg
CSS
29 votes164 views4 answers
How to remove bullet in css
CSS
10 votes153 views1 answer
Install code command on mac
CSS
19 votes159 views3 answers
Css border radius top
CSS