rotate-none
|
rotate: none;
|
rotate-<angle>
|
rotate: <angle>deg;
|
rotate-45
|
rotate: 45deg;
|
rotate-[<value>]
|
rotate: <value>;
|
rotate-[45deg]
|
rotate: 45deg;
|
rotate-(<custom-property>)
|
rotate: var(<custom-property>);
|
rotate-(--my-angle)
|
rotate: var(--my-angle);
|
rotate-(angle:<custom-property>)
|
rotate: var(<custom-property>);
|
rotate-(angle:--my-angle)
|
rotate: var(--my-angle);
|
-rotate-<angle>
|
rotate: calc(<angle>deg * -1);
|
-rotate-45
|
rotate: calc(45deg * -1);
|
rotate-x-<angle>
|
--sf-rotate-x: <angle>deg;
transform: rotateX(<angle>deg) var(--sf-rotate-y);
|
rotate-x-45
|
--sf-rotate-x: 45deg;
transform: rotateX(45deg) var(--sf-rotate-y);
|
rotate-x-[<value>]
|
--sf-rotate-x: <value>;
transform: rotateX(<value>) var(--sf-rotate-y);
|
rotate-x-[45deg]
|
--sf-rotate-x: 45deg;
transform: rotateX(45deg) var(--sf-rotate-y);
|
rotate-x-(<custom-property>)
|
--sf-rotate-x: var(<custom-property>);
transform: rotateX(var(<custom-property>)) var(--sf-rotate-y);
|
rotate-x-(--my-angle)
|
--sf-rotate-x: var(--my-angle);
transform: rotateX(var(--my-angle)) var(--sf-rotate-y);
|
rotate-x-(angle:<custom-property>)
|
--sf-rotate-x: var(<custom-property>);
transform: rotateX(var(<custom-property>)) var(--sf-rotate-y);
|
rotate-x-(angle:--my-angle)
|
--sf-rotate-x: var(--my-angle);
transform: rotateX(var(--my-angle)) var(--sf-rotate-y);
|
-rotate-x-<angle>
|
--sf-rotate-x: calc(<angle>deg * -1);
transform: rotateX(calc(<angle>deg * -1)) var(--sf-rotate-y);
|
-rotate-x-45
|
--sf-rotate-x: calc(45deg * -1);
transform: rotateX(calc(45deg * -1)) var(--sf-rotate-y);
|
rotate-y-<angle>
|
--sf-rotate-y: <angle>deg;
transform: var(--sf-rotate-x) rotateY(<angle>deg);
|
rotate-y-45
|
--sf-rotate-y: 45deg;
transform: var(--sf-rotate-x) rotateY(45deg);
|
rotate-y-[<value>]
|
--sf-rotate-y: <value>;
transform: var(--sf-rotate-x) rotateY(<value>);
|
rotate-y-[45deg]
|
--sf-rotate-y: 45deg;
transform: var(--sf-rotate-x) rotateY(45deg);
|
rotate-y-(<custom-property>)
|
--sf-rotate-y: var(<custom-property>);
transform: var(--sf-rotate-x) rotateY(var(<custom-property>));
|
rotate-y-(--my-angle)
|
--sf-rotate-y: var(--my-angle);
transform: var(--sf-rotate-x) rotateY(var(--my-angle));
|
rotate-y-(angle:<custom-property>)
|
--sf-rotate-y: var(<custom-property>);
transform: var(--sf-rotate-x) rotateY(var(<custom-property>));
|
rotate-y-(angle:--my-angle)
|
--sf-rotate-y: var(--my-angle);
transform: var(--sf-rotate-x) rotateY(var(--my-angle));
|
-rotate-y-<angle>
|
--sf-rotate-y: calc(<angle>deg * -1);
transform: var(--sf-rotate-x) rotateY(calc(<angle>deg * -1));
|
-rotate-y-45
|
--sf-rotate-y: calc(45deg * -1);
transform: var(--sf-rotate-x) rotateY(calc(45deg * -1));
|
rotate-z-<angle>
|
--sf-rotate-z: <angle>deg;
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(<angle>deg);
|
rotate-z-45
|
--sf-rotate-z: 45deg;
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(45deg);
|
rotate-z-[<value>]
|
--sf-rotate-z: <value>;
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(<value>);
|
rotate-z-[45deg]
|
--sf-rotate-z: 45deg;
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(45deg);
|
rotate-z-(<custom-property>)
|
--sf-rotate-z: var(<custom-property>);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(var(<custom-property>));
|
rotate-z-(--my-angle)
|
--sf-rotate-z: var(--my-angle);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(var(--my-angle));
|
rotate-z-(angle:<custom-property>)
|
--sf-rotate-z: var(<custom-property>);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(var(<custom-property>));
|
rotate-z-(angle:--my-angle)
|
--sf-rotate-z: var(--my-angle);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(var(--my-angle));
|
-rotate-z-<angle>
|
--sf-rotate-z: calc(<angle>deg * -1);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(calc(<angle>deg * -1));
|
-rotate-z-45
|
--sf-rotate-z: calc(45deg * -1);
transform: var(--sf-rotate-x) var(--sf-rotate-y) rotateZ(calc(45deg * -1));
|
