Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
transform-origin

1 Articles
{
,

}
Direct link to the article transform-origin
transform transform-origin

transform-origin

The transform-origin property is used in conjunction with CSS transforms, letting you change the point of origin of a transform.

.element {
  transform: rotate(360deg);
  transform-origin: top left;
}

As indicated above, the transform-origin property can take up to two space-separated …

Avatar of Chris Coyier
Chris Coyier on Jul 9, 2012 (Updated on Jul 14, 2021)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top