课堂笔记：css过渡、变形和动画
记录了一些css过渡、变形和动画小知识点
三个代表：
- 过渡(transiton)
- 动画(animation)
- 变形(transform)
五种效果：
- rotate(.deg) 旋转 ：顺时针(+)和逆时针(-)
- translate(.deg) 平移 ：在X轴左右移动，在Y轴上下移动
- skew 斜切 ：沿X轴和Y轴对元素进行斜切。想了解更多“斜切”知识可点击这里。
- scale 缩放 ：用来缩放元素(+/-)。想了解更多“缩放”知识可点击这里。
- marrix 矩阵 ：允许你以像素来控制布局
过渡相关属性
- transition-property：属性规定应用过渡效果的 CSS 属性的名称。注意：1.过渡效果通常在用户将鼠标指针浮动到元素上时发生;2.请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。
- transition-duration：属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。
- transition-timing-function：属性规定过渡效果的速度曲线。在w3schcool有更多深入的知识点，可点击这里。
- transition-delay：属性规定过渡效果何时开始。
rotate翻转
- 水平(horizontal)翻转：transform：rotateY(180deg)
- 垂直(vertical)翻转：transform：rotateX(180deg)
更多学习资料
