MonorailCss

Rotate

Utilities for controlling the rotation of an element.

Class CSS Output
rotate-[value] 
rotate: [value]
}
-rotate-[value] 
rotate: calc(-1 * [value])
}
rotate-x-[value] 
rotate: [value]
}
-rotate-x-[value] 
rotate: calc(-1 * [value])
}
rotate-y-[value] 
rotate: [value]
}
-rotate-y-[value] 
rotate: calc(-1 * [value])
}
rotate-z-[value] 
rotate: [value]
}
-rotate-z-[value] 
rotate: calc(-1 * [value])
}

rotate-[value]

rotate: [value]

-rotate-[value]

rotate: calc(-1 * [value])

rotate-x-[value]

rotate: [value]

-rotate-x-[value]

rotate: calc(-1 * [value])

rotate-y-[value]

rotate: [value]

-rotate-y-[value]

rotate: calc(-1 * [value])

rotate-z-[value]

rotate: [value]

-rotate-z-[value]

rotate: calc(-1 * [value])

Reference

rotate MDN ↗

CSS Properties

  • rotate