VIP26/day17/css/3.transform.css

* {
    margin: 0;
    padding: 0;
}

#box {
    width: 200px;
    height: 200px;
    background-color: aqua;
    margin: 100px auto;
    transform: scale(2);
    /* transform: rotate(180deg); */
    /* transform: skew(60deg); */
    /* transform: translate(100px,100px); */
}
#box1 {
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    margin: 0 auto;
    margin-top: -300px;
}
/* 
    transition:对元素进行过渡
    transform:对元素进行变形
        1.位移:translate(X,Y) translateX/translateY
        2.倾斜:skew(X,Y) skewX/skewY 不支持3d
        3.旋转:rotate(X,Y) rotateX/rotateY
        4.缩放:scale(X,Y) scaleX/scaleY scale(一个值也代表x,y)
*/