css3整理--text-shadow

text-shadow语法:

  text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...

        或者 text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)],[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)]...

    第一个参数:指定颜色值

    第二个参数:指定X轴偏移量

    第三个参数:指定Y轴偏移量

    第四个参数:指定模糊半径,也就是阴影的范围大小,值越大阴影越大,越模糊

    同box-shadow一样,可以指定多组阴影。也可以将颜色值放到最后

text-shadow Demo:(文字3D效果)

  .demo{ color: #fff;

      text-shadow: -1px -1px rgba(197, 223, 248,0.8),

              -2px -2px rgba(197, 223, 248,0.8),

              -3px -3px rgba(197, 223, 248,0.8),

              -4px -4px rgba(197, 223, 248,0.8),

              -5px -5px rgba(197, 223, 248,0.8),

              -6px -6px rgba(197, 223, 248,0.8);

      }

posted @ 2014-03-20 08:48  charling  阅读(210)  评论(0编辑  收藏  举报