opacity
可以设置元素的透明度
rgba
可以设置属性的颜色色透明度
text-shadow
用来为文字添加阴影。可以添加多层,用逗号隔开。
值:
<color>
可选。可以在偏移量之前或之后指定。如果没有指定颜色,则使用UA(用户代理)选择的颜色。
<offset-x> <offset-y>
必选。这些长度值指定阴影相对文字的偏移量。
<offset-x> :指定水平偏移量,若是负值则阴影位于文字左边。
<offset-y> :指定垂直偏移量,若是负值则阴影位于文字上面。
如果两者均为0,则阴影位于文字正后方(如果设置了 则会产生模糊效果)。
<blur-radius>
可选。这是 <length> 值。如果没有指定,则默认为0。
值越大,模糊半径越大,阴影也就越大越淡
*注意:<offset-x>,<offset-y>,<blur-radius>的顺序必须连在一起,<color>可以放在他们整体的前面或者后面都行
text-shadow:black 2px 2px 9px ;
text-shadow:2px 2px 9px black ;
/*表示阴影颜色为black,水平偏移量为2px,垂直偏移量为2px,模糊半径为9px*/
文字描边
只有webkit内核才支持:-webkit-text-stroke(准确的来说不能算是css3的东西,但需要大家知道)
文字排版
direction:控制文字的方向
以前一定要配合unicode-bidi:bidi-override来使用(现在不用了)
p{
direction:ltr;
unicode-bidi:bidi-override;
}
文本溢出隐藏
隐藏条件,该元素不可以是display:inline;
p{
/*三条声明缺一不可*/
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
元素背景模糊filter:blur()
该属性直接给元素的背景进行模糊设置。
#bg{
background: url(img/avatar.jpg) no-repeat;
background-size:100% 100% ;
filter: blur(10px);/*直接作用于该元素*/
}