CSS3-border-image

border-image有六大属性值，分别是：

图片地址border-image-source

属性名称:	border-image-source
值:	none | <image>
初始值:	none

图片切片border-image-slice

属性名称:	border-image-slice
值:	[<number> | <percentage>]{1,4} && fill?
初始值:	none

图片宽度border-image-width

属性名称:	border-image-width
值:	[ <length> | <percentage> | <number> | auto ]{1,4}
初始值:	1

图片外凸border-image-outset

属性名称:	border-image-outset
值:	[ <length> | <number> ]{1,4}
初始值:	0s

图片重复border-image-repeat

属性名称:	border-image-repeat
值:	[ stretch | repeat | round ]{1,2}
初始值:	stretch

 

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate

 

转载于:https://my.oschina.net/u/3435012/blog/887534