Origin

The Telerik and Kendo UI Transform utilities enable you to apply transformations such as scaling, rotating, skewing and others to an element.

On this page

Origin

The Telerik and Kendo UI Origin Utilities are CSS utility classes that enable you to control the origin from which a transformation is applied.

Utility ClassCSS Property
.k-origin-bottom-righttransform-origin: bottom-right;
.k-origin-centertransform-origin: center;
.k-origin-toptransform-origin: top;
.k-origin-righttransform-origin: right;
.k-origin-bottomtransform-origin: bottom;
.k-origin-lefttransform-origin: left;
.k-origin-top-lefttransform-origin: top-left;
.k-origin-top-righttransform-origin: top-right;
.k-origin-bottom-lefttransform-origin: bottom-left;

Applying

Use the k-origin-{origin} utility to flip an element horizontally.

On this page

Feedback