css3 新增属性
背景
background-origin: 背景图像显示的原点。
background-clip 规定背景的绘制区域。
padding-box; 从padding区域(含padding)开始显示背景图像。
border-box; 从border区域(含border)开始显示背景图像。
content-box; 从content区域开始显示背景图像。
background-clip: 指定对象的背景图像向外裁剪的区域
padding-box;从padding区域(含padding)开始显示背景图像。
border-box;从border区域(含border)开始显示背景图像。
content-box;从content区域开始显示背景图像。
background-size: 尺寸
文本
text-shadow: 阴影
none; 无
<length>①:第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>②:第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>③:如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
<color>:设置对象的阴影的颜色。
word-wrap: 换行
normal;允许内容顶开或溢出指定的容器边界。
break-word;内容将在边界内换行。如果需要,单词内部允许断行。
word-spacing 字符间距
该属性将指定的间隔添加到每个单词(词内不发生)之后,但最后一个字将被排除在外。
判断是否为单词的依据是单词间是否有空格。
2D转换
transform:
translate(x,y); 移动
rotate("n"deg) 旋转 [(360deg)360度]
scale(x,y)水平方向和垂直方向各放大的倍数.
skew(
matrix(x,x,y,y,x,y)缩写[1,4放大;2,3倾斜;5,6移动]
3D转换
transform:
rotateX(); 元素围绕其 X 轴以给定的度数进行旋转
rotateY();
rotateZ();
origin; 规定元素被转换的起始位置。
过渡
transition-
property; 属性名称; all;需要过渡的 属性样式.
duration; 过渡时间
timing-function; 过渡的速度曲线
delay;