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

2 votes341 views2 answers
Css border top linear gradient
CSS
0 vote351 views2 answers
Fixed footer in Bootstrap
CSS
32 votes384 views6 answers
Alert bootstrap
CSS Bootstrap
10 votes328 views2 answers
Css how to change font colr
CSS
9 votes427 views3 answers
Bootstrap list
CSS Bootstrap
29 votes363 views4 answers
How to remove bullet in css
CSS
17 votes383 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
0 vote353 views1 answer
How To target a particular td in css
CSS
0 vote377 views2 answers
Hoq to give paragraph color css
CSS
0 vote365 views1 answer
Closing modal on iframe movies still running
CSS