浏览器前缀

CSS3去兼容不同的浏览器，针对旧的浏览器做兼容，新浏览器基本不需要添加前缀

transition过渡

注：不要加到hover上

animation-name：设置动画的名称（自定义的）
animation-duration：动画的持续时间
animation-delay：动画的延迟时间
animation-iteration-count：动画的重复次数，默认值是1，infinite无限次
animation-timing-function：动画的运动形式

注：
- 运动结束后，默认情况下会停留在起始位置
- @keyframes：from->0%，to->100%
animation-fill-mode：规定动画播放之前或之后，其动画效果是否可见。
- none：默认值，在运动结束之后回到初始位置，在延迟的情况下，让0%在延后生效
- backwards：在延迟的情况下，让0%在延迟前生效
- forwards：在运动结束后，停到结束位置
- both：backwards和forwards同时生效
animation-direction：属性定义是否应该轮流播放动画
- alternate：一次正向（0~100%），一次反向（100%~0）
- reverse:反向，从0~100%
- normal:默认值，正向0~100%

transform：
- rotateX（）：正值向上翻转
- rotateY（）：正值向右翻转
- translateZ（）：正值向前，负值向后
- scaleZ（）：立体元素的厚度
3d写法
- scale3d（）：三个值 x y z
- translate3d（）：三个值x y z
- rotate3d（）：四个值 x y z deg，三个轴的分量及角度
perspective（景深）：离屏幕多远的距离去观察元素，值越大幅度越小
perspective-origin：景深基点位置，观察元素的角度
transform-origin：center center -50px z轴只能写数值，不能写单词
transform-style：3D空间
- flat：2d默认值
- preserve-3d：3d，产生一个三维空间
backface-visibility：背面隐藏
- hidden
- visible 默认值

background-size：背景图的尺寸大小
- cover：覆盖
- contain：包含
background-origin：背景图的填充位置
- padding-box:默认
- border-box：
- content-box：
background-clip：背景图的裁切方式
- padding-box
- border-box：默认
- content-box
注：复合样式的时候，第一个是位置，第二个是裁切

线性渐变->linear-gradient是值，需要添加到background-image属性上

注：渐变的0度是在页面下边，正值会按照顺时针旋转，负值按逆时针旋转
径向渐变->radial-gradient