Core Code
Core Code Modern Dev Handbook

Transform Origin

transform-origin changes the pivot point.

Preview

Code

<style>
.box{
width:120px;
height:80px;
background:#06b6d4;
transform:rotate(25deg);
transform-origin:top left;
}
</style>

<div class="box"></div>

More CSS 2D Transforms Examples (8)

example Translate Transform open example example Rotate Transform open example example Scale Transform open example example Scale on Hover open example example Skew Transform open example example Multiple Transforms open example example Matrix Transform open example example Centered Transform open example