Функция 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 и проверьте результат в своем браузере.
Добавить комментарий