CSS3的一些属性

background

{
	-webkit-background-clip: text; /* 该属性目前仅webkit内核实现 */
	background-clip: text;
	-webkit-text-fill-color: transparent;/* 该属性目前仅webkit内核实现 */
	text-fill-color: transparent; /* 没别的作用,仅为了配合 background-clip: text; 属性 */
	background-repeat: round; /* 扩展或压缩 */
	background-repeat: space; /* 留空隙 */
	background-repeat: space round; /* x留空隙 y扩展或压缩 */
	background-image: linear-gradient(方向, 颜色 渐变位置, 颜色 渐变位置 ...);
	background-image: linear-gradient(to right, red 20px, green 90px ...);
	background-image: linear-gradient(90deg, red 20px, green 90px ...); 
}

resize

{
	resize: both/horizontal/vertival; /* 单独设置不生效 */
	overflow: auto/hidden/scroll; /* 配合此属性时生效 */
}

align-content

{
	/* 针对flex多行操作 */
	align-content: center;
	/* 侧轴的排列权重问题 */
	/* 	align-content > align-self 
		align-self > align-items
		align-content 与 align-items 的作用条件不同
	 */
}

transform-origin

{
	transform-origin: center center; /* 接受值 方位英文单词  数字px  数字% */
}

rotate3d

{
	transform: rotate3d(x, y, z, 50deg); 
	/* 以x,y,z三个值确定一个经过(0,0,0)与(x,y,z)的矢量
		沿着这个矢量旋转50deg
	 */
}