Answers for "transform scale property in css"

CSS
4

scale css

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }
Posted by: Guest on May-10-2020
12

css rotate

<style>
div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}
.rotated {
  transform: rotate(45deg);
  background-color: pink;
}
</style>

/* In body of html doc */
<div>Normal</div>
<div class="rotated">Rotated</div>
Posted by: Guest on May-29-2020
2

transform scale

transform: scale(2, 0.5); /* Equal to scaleX(2) scaleY(0.5) */
Posted by: Guest on December-29-2020
2

transform:translateX()

/* <length-percentage> values */
transform: translateX(200px);
transform: translateX(50%);
Posted by: Guest on April-21-2020

Browse Popular Code Answers by Language