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 vote201 views1 answer
303,592 HDK to pounds
CSS
0 vote192 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
0 vote297 views1 answer
How to stretch picture with website css
CSS
0 vote254 views1 answer
Mathjax beautiful math in all browsers
CSS
1 vote213 views1 answer
Css no list markers
CSS
0 vote306 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
6 votes266 views5 answers
Bootstrap icons
CSS Bootstrap
1 vote158 views2 answers
List no bullets html
CSS
0 vote209 views1 answer
Curfont
CSS
0 vote187 views1 answer
Import custom font
CSS