css3:文本新增样式

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);/*直接作用于该元素*/
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值