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%{}
}