Rotate

Syntax

Class
Properties
transform-(rotate-{value})
transform: rotate({value});

Parameters

value
<angle>
<div class="t1 px-16 py-4 bg-c-white rounded-3 color-blue b-2-blue shadow-8 my-32 cursor-pointer select-none transform-none">Button</div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Rotate 90 degrees clockwise.
t1 transform-rotate-90
.t1.transform-rotate-90 { transform: rotate(90deg); }
Rotate 90 degrees anti-clockwise.
t1 transform-rotate--90
.t1.transform-rotate--90 { transform: rotate(-90deg); }