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 vote305 views1 answer
Html css make p div into two lines
CSS
0 vote289 views1 answer
Font semi bold css
CSS
1 vote274 views1 answer
Font awesome eyes
CSS
-1 vote243 views1 answer
How to make div possion top in css
CSS
0 vote323 views1 answer
Regex remove css comment
CSS
5 votes244 views1 answer
Bootstrap darkmode
CSS
0 vote302 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
8 votes266 views5 answers
Css multicolor background
CSS
6 votes328 views6 answers
Word break css
CSS
0 vote686 views1 answer
Fading bottom image css
CSS