Search
 
SCRIPT & CODE EXAMPLE
 

CSS

equivalent zoom css

-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
Comment

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);
  }
}
Comment

zoom level in css

.zoom {
  zoom: 150%;
}
Comment

PREVIOUS NEXT
Code Example
Css :: custom scrollbar css 
Css :: css move animation 
Css :: transform orgin css 
Css :: css nth of type 
Css :: png image background transparent css 
Css :: hide scrollbar of a div but keep functionality 
Css :: square with 2 colors css 
Css :: the background image properties in css 
Css :: gradient text colors 
Css :: flex direction tailwind 
Css :: css add space left 
Css :: woocommerce align add to cart buttons css 
Css :: Bootstrap default accordion arrow icon change 
Css :: css background image cut off 
Css :: image with background color css 
Css :: css transition ease 
Css :: css button click color 
Css :: collapse border css 
Css :: background-size 
Css :: free computer screen recording software 
Css :: media min height css 
Css :: how to make an image oval in css 
Css :: css transparent color 
Css :: how to horizontally center header at the top of page with flexbox css 
Css :: css code for green 
Css :: double border css 
Css :: twig block 
Css :: css border-bottom only length of text 
Css :: border-width 
Css :: create circle in css 
ADD CONTENT
Topic
Content
Source link
Name
3+6 =