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

      }

css3整理--text-shadow,古老的榕树,5-wow.com

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