12.14 css3

css3
border-radius 圆角边框 单位px，em，%

border-image：url（） 27 27 27 27 / 27px 27px 27px 27px repeat
27 27 27 27 裁剪区域 上右下左
27px 27px 27px 27px 边框宽度
repeat 是写填充方式 拉伸 stretch（默认）
平铺 repeat
round 自适

box-shadow 阴影
insert 内部阴影 outset 外部阴影

background-clip 裁剪
border-box 背景裁剪到边框盒
padding-box 背景裁剪到内边距框
content-box 背景裁剪到内容框
backgrounf-size：cover 宽自适应
contain 高自适应

transform 转换
translate（） 平移交换
scale（） 缩放变换 单位 deg角度
rotate（） 旋转变换
skew（） 错切变换
matrix（） 把所有2d方法组合在一起
transform-origin 改变被转换元素的位置

transition 过渡
语法 transition：css属性名称 过渡时间 速度曲线 过渡效果何时开始

animation css3动画
语法 animation：@keyframes的名称 时间 过渡类型 延迟时间 循环次数（infinite无限循环） alterbate反向运动（normal正常）
@keyframes name(){
from/0%{}
to/100%{}
}