css3学习笔记

1、rgba、透明度

  众所周知,当给元素背景设置透明度时,元素内部的内容会继承外部元素的透明度属性,与咱们原本意愿不符,而rgba颜色模式就是未解决这个问题而生的

  background:rgba(0,0,0,.3);前三个数值对应的是r(red),g(green),b(blue)构成颜色的三要素;第四个数值是透明度(Alpha;0代表透明,1代表不透明)

  rgba可以用于设置任何与颜色相关的属性,如自己颜色,边框颜色,背景颜色,阴影颜色等;

2、text-shadow

  text-shadow由以下顺序构成:x-offset,y-offset,blur和color组成,即垂直偏移,水平偏移,阴影宽度(模糊半径)和颜色值。

  text-shadow:2px 3px 2px #ccc;

  如果对水平偏移(x-offset)应用负值,阴影将出现在元素的右边;如果对垂直偏移(y-offset)应用负值,阴影将出现在元素顶部,可以在阴影颜色上使用RGBa。模糊半径的值越大,阴影越模糊,设置为0时,阴影最清晰。

 

  也可以指定一系列text-shadow值(用逗号分隔),下面的例子使用两个text-shadow实现文字凸起效果(上下各1px)。
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。