读者文摘电子版transform的三个属性transform的三个属性
translate 移动
boombox
语法
div {
transform:translate(x,y) //可以不带单位
transition:all 1s; //添加过渡
}
rotate 旋转
语法
div {
弥撒是什么意思>人教版高一英语课件transform:rotate(n deg); //deg为⾓度顺时针为正值逆时针为负值
dark blue>高考后出国留学transition:all 1s; //添加过渡
}
- 注意：可以设置⽅位名词
- transform-origin:left bottom; //以左下⾓为中⼼进⾏旋转
scale 缩放
语法
div {
生息繁衍的意思transform:scale(x,y);//x,y不加单位是倍数武汉服装设计学校
日语新年快乐怎么说transition:all 1s; //添加过渡
}四级几分及格
存在等⽐例缩放:transform:scale(2);
2D转换综合写法
transform:translate() rotate() scale();
书写顺序会影响转换效果 因为先旋转会改变坐标轴⽅向
`
