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

-1 vote142 views1 answer
Footer css
CSS
5 votes172 views2 answers
Move to last commit
CSS
61 votes123 views3 answers
Css radius background color
CSS
0 vote117 views1 answer
Sticky header not working chrome
CSS
0 vote137 views5 answers
Style
CSS
3 votes124 views2 answers
What does em stand for in css
CSS
0 vote141 views1 answer
Css efeito negativo fotos
CSS
19 votes144 views2 answers
Center div in middle of page
CSS
0 vote127 views1 answer
Mediaquery for portrate
CSS
0 vote128 views2 answers
Prevent line break css
CSS