欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css3transform简介

程序员文章站 2022-05-17 19:39:18
css3 transform简介 它使得元素在一个坐标中变形。这个属性包含一系列变形函数,可以移动、旋转和缩放元素。语法transform: none | []*默认值transform:none兼...
css3 transform简介
它使得元素在一个坐标中变形。这个属性包含一系列变形函数,可以移动、旋转和缩放元素。语法transform: none | []*默认值transform:none兼容性ie10+、firefox16、chrome36、safari9、opera12.1

css 3 2d 转换css 3 rotate() 旋转css 3 translate() 平移css 3 scale() 缩放css 3 skew() 扭曲或斜切

css 3 2d 旋转语法transform: rotate()参数说明angle指旋转角度,正数表示顺时针旋转,负数表示逆时针旋转如下,是使用rotate 制作一个看起来零落的照片集。

css 3 2d 转换translate() 方法,根据左(x轴)和顶部(y轴)位置给定的参数,从当前元素位置移动。三种情况translatex(x) 仅水平方向移动translatey(y) 仅垂直方向移动translate(x,y) 水平和垂直方向同时移动语法transform: transformx()transform: tramsform(tx[,ty])其以父容器的左上角为原点,远离原点为正。