web前端：1+X证书学习日志——css 2D&过渡

作者:自闭学习的清梦同学 更新于： 2020-03-06 13:52:19

　　随着html的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是css便诞生了。

　　css位移常用属性

　　transform:translate(x,y)；

　　transform:translateX();

　　transform:translateY();

　　旋转属性

　　2d旋转：

　　transform:rotate()；/*绕着中心点转动*/

　　transform:rotateX()；/*绕着X轴转动*/

　　transform:rotateY()；/*绕着Y轴转动*/

　　变形原点：

　　transform-origin:X轴位置Y轴位置；

　　缩放属性

　　transform:scale();/*0~1为缩小，1以上为放大*/

　　过渡属性：

　　transtion:all时间延迟时间动画的类型(匀速linear);

　　CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。