CSS3 transform 属性
2021-06-30 12:05
标签:tran 元素 缩放 scale form div 表示 移动 2.0 该属性允许我们对元素进行旋转、缩放、移动或倾斜。 transform的含义是:改变,使…变形;转换 transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。 下面我们来分解各个属性的用法: 含义:旋转;其中“deg”是“度”的意思,如“10deg”表示“10度”下同。 含义:倾斜; 含义:比例;“1.5”表示以1.5的比例放大,如果要放大2倍,须写成“2.0”,缩小则为负“-”。 含义:变动,位移;如下表示向右位移120像素,如果向上位移,把后面的“0”改个值就行,向左向下位移则为负“-”。 CSS3 transform 属性 标签:tran 元素 缩放 scale form div 表示 移动 2.0 原文地址:http://www.cnblogs.com/michellexiaoqi/p/7136758.htmldiv
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
CSS3 transform是什么?
CSS3 transform都有哪些常用属性?
transform:rotate():
transform:skew():
transform:scale():
transform:translate():
上一篇:js带有遮罩的弹窗