Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Изменение точки преобразования

.

Изменение точки преобразования

Как мы указывали раньше, вы можете определить точку, относительно которой осуществляется трансформация. Для этого используется свойство transform-origin. Оно имеет тот же самый синтаксис, что и свойство background-position, и по умолчанию такая точка расположена в центре фигуры.

Представьте, что вы трансформируете окружность.

Поскольку по умолчанию точка преобразования находится в центре фигуры, применение функции rotate не окажет никакого видимого эффекта — после поворота на 90° окружность будет выглядеть в точности так, как и раньше. А вот если вы укажете свойство transform-origin 10% 10%, поворот окружности станет заметен (рис. 8.7).

Изменение точки преобразования

Рис. 8.7. Вращение окружности работает лишь при заданной точке преобразования

Свойство transform-origin поддерживается с префиксами вендоров в WebKit, Firefox и Opera:

Изменение точки преобразования


.

Читайте так же:
Not found