前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

CSS3文字描边效果实现

2021-08-28 09:07:40 来源:转载 作者:张弦先生

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

CSS3实现文字描边语法详解

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。

本文关键词:

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1