пример
Поворот Div элемент:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
Попробуй сам " Определение и использование
Свойство преобразования применяет 2D или 3D трансформацию к элементу. Это свойство позволяет вращать, масштабировать, перемещать, наклон и т.д., элементы.
Поддержка браузеров
Свойство преобразования поддерживается в Internet Explorer 10 и Firefox.
Internet Explorer 9 поддерживает альтернативу, свойство msTransform (2D transforms only) .
Opera, Chrome и Safari поддерживают альтернативу, свойство WebkitTransform (3D и 2D трансформирует).
Синтаксис
Возвращает свойство преобразования:
object .style.transform Установите свойство преобразования:
object .style.transform="none| Значения свойств Стоимость Описание none Определяет, что не должно быть никакого преобразования matrix( n,n,n,n,n,n ) Определяет 2D преобразование, используя матрицу из шести значений matrix3d
( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n ) Определяет 3D преобразование, используя матрицу 4x4 из 16 значений translate( x,y ) Определяет 2D перевод translate3d( x,y,z ) Определяет 3D перевод translateX( x ) Определяет перевод, используя только значение для оси Х translateY( y ) Определяет перевод, используя только значение для Y-оси translateZ( z ) Определяет 3D перевод, используя только значение для оси Z. scale( x,y ) Определяет масштабное преобразование 2D scale3d( x,y,z ) Определяет масштабное преобразование 3D scaleX( x ) Определяет масштабное преобразование, давая значение для X-оси scaleY( y ) Определяет масштабное преобразование, давая значение для Y-оси scaleZ( z ) Определяет масштабное преобразование 3D, давая значение для Z-оси rotate( angle ) Определяет вращение 2D, угол задается в параметре rotate3d( x,y,z,angle ) Определяет вращение 3D rotateX( angle ) Определяет 3D поворот вдоль оси Х rotateY( angle ) Определяет 3D поворот вдоль оси Y. rotateZ( angle ) Определяет 3D поворот вдоль оси Z. skew( x-angle,y-angle ) Определяет 2D трансформацию перекоса вдоль осей X и оси Y. skewX( angle ) Определяет 2D трансформацию перекоса вдоль оси Х skewY( angle ) Определяет 2D трансформацию перекоса вдоль оси Y. perspective( n ) Определяет вид в перспективе для 3D трансформированного элемента initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: никто Возвращаемое значение: Строка, представляющая преобразование свойство элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: transform property
<Style Object