当前位置: 移动技术网 > IT编程>网页制作>CSS > css3transform简介

css3transform简介

2018年12月26日  | 移动技术网IT编程  | 我要评论
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])其以父容器的左上角为原点,远离原点为正。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网