css3渐变、过渡、变形、阴影

渐变transition

• 线性渐变  background-image: linear-gradient(方向deg，颜色，渐变点的百分比)
• 镜像渐变 background-image: radial-gradient(中心点，形状，颜色，渐变点的百分比)

         中心点：默认是对角线交点，可以改变 

         方向：上、下、左、右、角度

                  如果添加方向，则必须使用浏览器的内核识别标识

                  默认的是top、bottom、180deg

         百分比：在线性的方向上分段，该节点达到颜色值，其余渐变

         颜色：可以使用多个颜色，还可以使用透明度

         内核识别标识： -webkit-   （safari & chorome）

                                   -moz-         (firebox)

                                   -ms-           (IE)

---

过渡transition

• transition：属性名 时间 延迟时间 速度曲线

         属性名transition-property：设置过渡的属性，可以是所有css样式

         过渡时间transition-duration： s

         延迟时间transition-delay： s</