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 vote285 views1 answer
Css scroll fixed content
CSS
0 vote239 views1 answer
How to give a background color strip in html and css
CSS
1 vote273 views1 answer
Break pre text
CSS
0 vote278 views1 answer
Css file not getting captured in laravel project
CSS
15 votes278 views4 answers
Sass
CSS
8 votes279 views4 answers
Aos css animation
CSS
0 vote290 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote268 views2 answers
How to change svg image color on hover using css
CSS
27 votes283 views4 answers
Unselectable text css
CSS
3 votes225 views2 answers
Rounded borders button css
CSS