css3属性、过渡、线性渐变、径向渐变、盒子阴影、文本阴影、背景大小、背景图显示的起始

过渡 transition

属性
transition-property:过渡的属性（可以为all）
transition-duration:过渡时间
transition-delay:过渡延时
transition-timing-function:过渡样式

• linear 匀速
• ease 逐渐慢
• ease-in 加速
• ease-out 减速
• ease-in-out 先加速后减速
  合并写法
  transition: 需要过渡的属性 过渡执行时间 过渡延迟时间 过渡执行效果;
  特点
  (1) 属性值之间没有顺序
  (2) 只有过渡执行时间是必须要有的
  (3) 只有一个时间代表的是执行时间，两个时间，先执行时间 后面的是延迟时间
  (4) 如果需要过渡所有的属性的话，可以去掉transition-property，
  或者给transition-property：all
  (5) 需要结合hover使用,产生初始和结束状态，两种状态之间进行过渡

渐变

线性渐变

background/background-img:linear-gradient(方向，颜色，颜色);

background/background-img:repeating-linear-gradient(方向，颜色，颜色);

重复性的线性渐变 
background-image: repeating-linear-gradient(blue 50px,green 60px,yellow 70px);
渐变从上往下 0-50 蓝色纯色 50-60 蓝色-绿色渐变范围 60-70 绿色到黄色渐变范围 >70黄色纯色

径向渐变

background/background-img:radial-gradient(方向，颜色，颜色);

background/background-img:repeating-linear-gradient(方向，颜色，颜色);

方向
		方向：默认 向下 to bottom
		向右 to right  向左 to left 向上 to top
		向右下角 to right bottom   向左上角 to left top 
		向右上角  to right　top　  向左下角　to left bottom
		数值deg

盒子阴影

box-shadow:阴影水平偏移 阴影垂直偏移 阴影模糊程度 阴影大小(可选) 阴影颜色 阴影位置(可选，在里面就是inset)

文本阴影

text-shadow: 阴影水平偏移 阴影垂直偏移 阴影模糊程度 阴影大小(可选) 阴影颜色 阴影位置(可选，在里面就是inset)

背景大小 background-size

1.值
	宽度 高度数值px
	百分数
2.关键字
	cover:背景图不断拉伸，直到充满整个盒子才停止拉伸，所以可能会导致背景图被裁切，但是不会变形
	content:背景图不断拉伸，直到碰到盒子边缘，才停止拉伸，可能会导致盒子出现留白的情况，背景图不会变形 

背景图显示的起始/剪裁位置

背景图显示的起始位置:

		background-oringin：
		border-box；从border区域开始显示
		content-box 从内容区开始显示
		padding-box；从padding区域开始显示，默认值

背景图的裁切位置

		background-clip：
		border-box	边框之外就不显示，默认值
		content-box	从内容区之外就不显示
		padding-box  从padding之外不显示

常见的CSS3新增属性还有CSS选择器，动画