CODEWITHSUNDEEP
csstext-rotation
Jakub Arnold
Jakub Arnold

Reputation: 87260

Text rotated by 90° using only CSS

Is it possible to rotate text by 90° (clockwise or counter-clockwise) using only CSS and compatible with IE6+, Firefox 2 and Opera?

Upvotes: 0

Views: 6773

Answers (2)

Esteban Küber
Esteban Küber

Reputation: 36862

How can I draw vertical text with CSS cross-browser?

.rot-neg-90 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  -o-transform: rotate(270deg);
  -o-transform-origin: 50% 50%;
  transform: rotate(270deg);
  transform-origin: 50% 50%;

  /* IE<9 */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

IE<9 Rotation property for BasicImage filter.

Upvotes: 4

lod3n
lod3n

Reputation: 2903

The BasicImage filter in IE can do that: http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx

Upvotes: 1

Related Questions