2021-10-14笔记

二D转化

平移
    transform: translate（x/y）(值(默认X轴)/负值/(两个值))
倾斜
    transform: skew（x/y）（值deg）
缩放
    transform: scale(x/y)(值/负值(颠倒)/0) 
旋转
    transform: roate(x/y)(值deg（默认以中心点旋转)
配合transition：完成时间  延迟时间 移动样式
多属性叠加  transform:  translate(300px) rotate(60deg);

改变中心点 transform-origin: top;
动画
    @keyframes  自定义名字{
         from{}
         to{}
}
        @keyframes  自定义名字{
         %{}
         %{}
}
    animation:  自定义名字 持续时间。延迟时间、循环  循环类型