→   Поворачиваем текст с помощью CSS3

Развитие html/css сегодня не может не радовать веб-мастеров, но так уж получается, что у кого-то много причин для радости, а у кого-то одни огорчения из-за «браузерной» аудитории сайта. Но в любом случае все любят играться с новыми свойствами html/css. Например, теперь легко можно развернуть текст на заданное количество градусов. Вот так:

yeap
сайт

Возьмем такую html-разметку:

<div class="rotate">
  <div class="top">yeap</div>
  <div class="turn">сайт</div>
</div>

И добавим блоку — div.turn следующие правила, с соотвествующими вендорными префиксами :↓

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

Последним записываем свойство transform без префикса, это для того чтобы после того, как в W3C полностью утвердят transform, то оно работало по уже определенному стандарту во всех браузерах.

А для ie можно написать так:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
html5