首页 > Web开发 > 详细

css3学习笔记

时间:2015-03-17 14:01:48      阅读:339      评论:0      收藏:0      [点我收藏+]

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;

技术分享

css3学习笔记

原文:http://www.cnblogs.com/chengkun101/p/4343999.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!