zoukankan      html  css  js  c++  java
  • CSS3文字描边 CSS3字体外部描边

    给需要实现文字描边的元素添加如下CSS3的属性

    text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

    -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

    -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

    *filter: Glow(color=#000, strength=1);

    实现前效果:

    实现前效果

    实现后效果:

    实现后效果

    语法详解:

    text-shadow:向文本设置阴影。

    text-shadow:color||length||length||opacity。

    color:指定颜色。

    length:第一个length指定阴影在水平方向上的延伸距离,第二个length指定阴影在垂直方向上的延伸距离,可以为负值。

    opacity:指定阴影模糊效果的作用距离。

    用逗号分隔的4个属性值代表的方向顺序为右下左上。

    为了兼容多浏览器而加上前缀-webkit-和-moz-。

    filter:滤镜。

    filter:Glow 添加光辉晕圈效果在元素对象的边外。

    filter:Glow(color=颜色值,strength=数值)。

    color:指定晕圈发光效果的颜色。

    strength:指定晕圈发光的强度范围,参数值从1到255。

     
    来源: 谢斌个人博客, CSS3文字描边 CSS3字体外部描边。 
    转载请以链接形式标明本文地址!本文地址:http://www.xb02.com/article/8/
  • 相关阅读:
    query compiler
    non-deterministic-turing-machine
    What-are-P-NP-NP-complete-and-NP-hard
    查询优化器的算法
    Redis 和 I/O 多路复用
    Linux aio
    MySQL 的那些网络超时错误
    MYSQL performance
    jvmti
    JVM Troubleshooting
  • 原文地址:https://www.cnblogs.com/weibo806/p/5284355.html
Copyright © 2011-2022 走看看