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 vote141 views1 answer
Font intalic css
CSS
0 vote130 views1 answer
Display content in column css
CSS
1 vote142 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
2 votes146 views3 answers
Em
CSS
0 vote132 views1 answer
Change disbled button background pyqt5
CSS
41 votes155 views2 answers
Add ... to long text css
CSS
2 votes137 views3 answers
Css remove
CSS
1 vote130 views1 answer
-ms css
CSS
25 votes156 views4 answers
Text shadow effect
CSS
4 votes142 views3 answers
Soft box shadow css
CSS