Функция transform: rotate

Функция rotate поворачивает элемент по часовой стрелке. Значение необходимо задавать в градусах и указывать единицу измерения — deg.

Листинг 3.21. Поворот поля

#mainbox {

Display: block; width: 500px; margin: 50px auto; padding: 15px; text-align: center; border: 1px solid #999999; background: #DDDDDD;

-moz-transform: rotate(30deg);

-webkit-transform: rotate(30deg);

}

Отрицательное значение угла поворота меняет направление вращения элемента.

Замените кодом из листинга 3.21 соответствующий код в листинге 3.11 и проверьте результат в своем браузере.