上市公司协会网站建设汇报,先做网站后备案,工厂软件管理系统,做网站办什么类型营业执照CSS篇–transform
使用transform属性实现元素的位移、旋转、缩放等效果
位移 // 语法
transform:translate(水平移动距离#xff0c;垂直移动距离)
translate() 如果只给一个值#xff0c;表示x轴方法移动距离
单独设置某个方向的移动距离#xff1a;translateX() transla…CSS篇–transform
使用transform属性实现元素的位移、旋转、缩放等效果
位移 // 语法
transform:translate(水平移动距离垂直移动距离)
translate() 如果只给一个值表示x轴方法移动距离
单独设置某个方向的移动距离translateX() translateY()使用translate快速实现绝对定位的元素居中效果
position:absolute;
left:50%;
top:50%,
transform:translate(-50%,-50%)
原理位移·取值为百分比数值参照盒子自身尺寸计算移动距离旋转
使用rotate实现元素旋转效果
transform:rotate(角度)
// 角度单位是deg
技巧取值正负均可
取值为正顺时针旋转
取值为负逆时针旋转缩放
使用scale改变元素的尺寸
语法transform:scale(x轴缩放倍数y轴缩放倍数)
一般情况下只为scale设置一个值表示x轴和y轴等比例缩放
transform:scale(缩放倍数)
scale值大于1表示放大小于1表示缩小渐变 background-image: linear-gradient(transparent,rgba(0,0,0,.6));
