欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-09 16:17:27
css 位移常用属性 transform:translate(x,y); transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(); / 绕着中心点转动 / transform:rotateX(); / ......

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);