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 vote213 views1 answer
Text flow top to bottom
CSS
0 vote266 views1 answer
Css two classes in one element
CSS
2 votes268 views1 answer
Admin dashboard html css
CSS
32 votes259 views5 answers
Css text align right
CSS
1 vote244 views1 answer
Css target except id
CSS
0 vote249 views1 answer
Vuetify width of textfield
CSS
0 vote246 views1 answer
Background single line property css
CSS
7 votes250 views3 answers
Make text unselectable css
CSS
-1 vote223 views1 answer
Css link underline
CSS
9 votes241 views1 answer
Howt to original image on background css
CSS