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

8 votes192 views1 answer
Align in the middle of page html
CSS
20 votes169 views4 answers
Css display vertical align
CSS
0 vote234 views3 answers
Boostarp grid npm css react
CSS
0 vote206 views1 answer
Align icon center div
CSS
0 vote187 views2 answers
How set image at top in wordpress
CSS
4 votes215 views1 answer
Html make footer stick to bottom
CSS
74 votes214 views6 answers
Flex css
CSS
3 votes253 views4 answers
Blue gradient background
CSS
0 vote249 views2 answers
Style message d'erreur css
CSS
64 votes239 views6 answers
Rotate css
CSS