前端——蒙版

蒙版图-webkit-mask：具有特定的格式，蒙版图属性与渐变图、背景图属性结构保持一致。目前蒙版图只支持-webkit-内核浏览器

transition-duration:;过度时间

transition-property:;指定响应过渡效果属性

transition-delay:；过度延迟

transition-timing-function:;过度时间曲线：

                  steps(X)：阶跃n步完成、ease（默认值）、ease-in:加速、ease-out:减速、ease-in-out:先加后减、linear：匀速、step-start：先阶跃到，然后将时间消耗完、step-end:先将过度时间消耗完再阶跃。

transition:属性 过渡时间 时间曲线 过度延迟；

贝塞尔曲线方程：cubic-bezier（控制点1，控制点2）

两个控制单四个值。

2d变形：

transform：translate（） rotate（）；

盒子的变形移动，具有以下两个特点：

  1.比原始文本流高半层，不影响原始文本流布局，盖在原始文本流上

  2.X代表沿着盒子的宽度方向  Y沿着盒子的高度方向

transform-origin：；设置变形基点；

*inline型标签不响应变形属性。

3d变形：

transform-style：preserve-3d；开启3d

perspective：px；观察者位置