transform scale property in css code example
Example 1: 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>
Example 2: transform scale
transform: scale(2, 0.5); /* Equal to scaleX(2) scaleY(0.5) */
Example 3: transform:translateX()
/* <length-percentage> values */
transform: translateX(200px);
transform: translateX(50%);