# 自定义元素
        div:hover{
            width:200px;
            transform:translate() rotate() scale() skew();  # 作用在元素上
                    # 改变所在    让它转起来  放大缩小  倾斜，单位为度数值（deg）
                      的位置      数值单位为            
                                  deg，度数值
        }                                       
                                         ease-in-out“以慢速开始慢速结束”
# 过度属性                                ease-out“结束时为慢速”
        div{                             ease-in“先慢后快”
            width:100px;                 ease“先快后慢”
            height:100px;                linear“匀速移动”
            background:red;              
            transition:property|duration|timimg-function|delay;                   #buff综合施加
                   # 施加buff的属性 buff持续时间  buff速度曲线  buff延迟施加
            transition-property|-duration|-timimg-function|-delay: 值 ；   # 单个buff加成
        }

# 动画
     @keyframes 此处命名{   # 表演的进度随心设置

        此处为进度（%）{、
            此处为该进度表演的样式；
        }


     }
     div{
               # 绑定@keyframes的名字、完成进度的时间、动画速度曲线、延迟播放、播放次数、轮流反向播放
        animation: name duration timing-funtion delay iteration-count direction；
        animation-name|-duration|timimg-funtion|delay|iteration-count|direction:  值   # animation属性单个使用
     }