Здесь мы поворачиваем контейнер cheader на 30? относительно точки, которая находится в середине его левого края. Мы задали в качестве координаты точки, относительно которой будут выполняться преобразования (в том числе и поворот), значение left (левый край контейнера) — это ее координата по горизонтали; в качестве вертикальной координаты, поскольку мы ее не указали, будет принята середина контейнера.
Еще один пример иллюстрирует листинг П11.
Листинг П11
#cheader { — moz-transform: rotate(30deg);
— o-transform: rotate(30deg);
— webkit-transform: rotate(30deg);
— moz-transform-origin: right bottom;
— o-transform-origin: right bottom;
— webkit-transform-origin: right bottom }
Теперь контейнер cheader будет повернут на 30? относительно своего нижнего правого угла.