首页 > Web开发 > 详细

css3整理--text-shadow

时间:2014-03-20 21:19:45      阅读:339      评论:0      收藏:0      [点我收藏+]

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);

      }

css3整理--text-shadow,布布扣,bubuko.com

css3整理--text-shadow

原文:http://www.cnblogs.com/charling/p/3612846.html

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