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 vote356 views2 answers
Scale textarea
CSS
38 votes379 views4 answers
Css pointer event
CSS
0 vote405 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote355 views2 answers
Drop function postgresql
CSS
1 vote353 views1 answer
How do you display a border like this:
CSS
0 vote436 views1 answer
Bouton darkmode
CSS
5 votes419 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote374 views1 answer
Profile page html css template
CSS
0 vote374 views2 answers
Upload directory ssh to remote rsync
CSS
0 vote348 views1 answer
Uninstall wine 6.0.1
CSS