YouTip2D Transforms
.rotate { transform: rotate(45deg); }
.scale { transform: scale(1.5); }
.translate { transform: translate(50px, 100px); }
.skew { transform: skew(10deg, 5deg); }
.combo { transform: rotate(45deg) scale(1.2); }3D Transforms
.perspective { transform: perspective(500px) rotateY(45deg); }Summary
- transform: rotate, scale, translate, skew
- Transforms don't affect surrounding elements