CSS rotation Property

  2. CSS Properties
  3. rotation

Description

The rotation property rotates a block-level element counterclockwise around the point given by 'rotation-point'. The border, padding and content are rotated, and also any background that is not 'fixed'.

The rotation property has been deprecated or is no longer in any CSS working groups.

Initial value
0
Applies to
Block-level elements, inline-table and inline-block
Inherited
No
Computed value
0deg ≤ angle < 360deg
Animatable
No
JavaScript syntax
object.style.rotation

Syntax

rotation: <angle>

Values

  • <angle>

Example

.class {
   rotation: 90deg;
}

Browser Support

The following table will show you the current browser support for the CSS rotation property.

Desktop
Edge Chrome Firefox Opera Safari
?????
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
??????
  • Sponsors
    • Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Check Shortened URLs - Expand shortened URLs to view the destination link. Advertise Here - Advertise your company and products here!