css3 过渡和动画

过渡、动画(-webkit- || -moz- || -o-) 兼容ie10+
fun: linear ease ease-in ease-out ease-in-out cubic-bezier
trigger method: :hoever :focus :checked
* 过渡：transition
transition: property duration fun delay
* 动画：@keyframes animation
@keyframes keyFramesName {
num1% {…}
num2% {…}
…
}
select{animation: keyFramesName duration fun delay count direction initState mode}
* 转换：transform (ie9 -ms-)
translate() rotate(deg) scale(x, y) skew(x, y) matrix(旋转、缩放、移动以及倾斜元素)
transform-origin: x y z; // default [50% 50% 0]

• css3: 多列布局 columns
  columns: width count;
  column-gap column-rule column-span column-fill