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 votes184 views1 answer
Add image ::before css
CSS
0 vote210 views1 answer
Html css on class
CSS
0 vote204 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
2 votes217 views4 answers
Laravel htaccess
CSS
6 votes189 views5 answers
Object fit css
CSS
0 vote184 views1 answer
Grandezza caratteri css
CSS
0 vote177 views1 answer
Align divs vertically start new column after every row
CSS
0 vote185 views1 answer
Bootstrap progress bar animation not working
CSS
29 votes202 views5 answers
Kill all ports
CSS
4 votes130 views1 answer
Change hex background opacity css
CSS