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 vote346 views1 answer
Matinput remove underline
CSS
2 votes311 views1 answer
How to mirror object through css
CSS
1 vote357 views2 answers
Css button style rectangle
CSS
0 vote350 views2 answers
How to define max number of character for a paragraph css
CSS
36 votes350 views4 answers
Adding gradient to text color
CSS
0 vote327 views1 answer
DIVI Responsive menu breakpoints
CSS
99 votes352 views6 answers
Css capitalize first letter
CSS
0 vote346 views2 answers
Not clickable css
CSS
35 votes311 views3 answers
Css how to make background transparent
CSS
0 vote317 views1 answer
CSS fluid type sizing based on viewport
CSS