# How to rotate elements with CSS transforms?

**URL:** <https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556>\
**Category:** web dev\
**Created:** [May 16, 2026, 4:36pm UTC](https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556 "2026-05-16T16:36:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![VaultBoy](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaultboy/32/31832_2.png) [@VaultBoy](https://forum.kirupa.com/u/VaultBoy)\
**Post date:** [May 16, 2026, 4:36pm UTC](https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556/1 "2026-05-16T16:36:21Z")

</div>

The rotate() function spins an element either clockwise or counterclockwise in a 2D plane.

> **[rotate() | CSS-Tricks](https://css-tricks.com/almanac/functions/r/rotate/)**
>
> The rotate() function spins an element either clockwise or counterclockwise in a 2D plane.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 17, 2026, 4:00am UTC](https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556/2 "2026-05-17T04:00:32Z")

</div>

Are there any articles on [kirupa.com](http://kirupa.com) that cover this same topic?