CSS3 文字模糊

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style>
body{
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;
color: #fff;
font-family: cursive, "微软雅黑";
font-size: 13px;
background-color:#000
}
a{ color: transparent;
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 2px #fff;}
</style>
<body bgcolor=‘#000‘>
<a>阿萨德发生地方</a>
</body>
</html>

时间： 2024-10-02 03:39:11

CSS3 文字模糊的相关文章

js+css3文字模糊代码

在写文字模糊的时候要理清自己的思路,根据以下的步骤来: 对你要模糊的文字进行布局 <body style="background:#ccc;"> <ul class="con"> <li><h2>我是box1</h2></li> <li><h2>我是box2</h2></li> <li><h2>我是box3</h2&g

纯CSS3文字效果推荐

之前曾经研究过几个纯css实现的文字效果,<CSS文字条纹阴影动画>和<响应式奶油立体字效果>等,今天我们来研究几款文字效果,主要利用text-shadow.webkit内核的几个独有特性实现效果. 在线研究单击这里,下载收藏单击这里. 效果1-立体字效果 我们的html文件貌似这样,为了更好的展示效果,我们加上了可编辑属性. <div contenteditable="true" class="text effect01">前端

jQuery+CSS3文字跑马灯特效

jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向. 效果展示 http://hovertree.com/texiao/jquery/83/ 效果图如下: 完整HTML代码如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http

高光导航、文字模糊

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <ti

CSS自学笔记（12）:CSS3文字特效

在CSS3中新增了多个文本属性,同样有了这些属性我们在进行问题特效处理时,就尽可能少的用到其他软件去制作特效文字了. 在以前使用CSS进行web开发的时候,必须使用计算机上安装好的字体,如果有些用户的计算机上未安装该字体,可能会达不到开发人员的预期效果.而通过CSS3,开发人员可以使用他们喜欢的任意字体,只要将需要的字体文件放到web服务器上就OK了. 注:现在的主流浏览器不支持部分新增属性. 最简单的文本特效就是给文本添加阴影了. 可以给文本添加水平偏移值.垂直偏移值和模糊半径,也可以定义阴影

cocos2dx3.x 文字模糊解决方法

cocos2dx 真是要命啊,由于公司要做跨平台游戏,故在windows里面cocos2dx 经常抽风. 没办法啊,本来不想改源码的,且改且珍惜啊. 最近又遇到了在windows下面文字模糊的情况,由于字体绘制跟图片绘制如出一辙,故断定一定是字体没有开启抗锯齿功能. 因此只能单步调试: 找到了字体初始化入口:Texture2D::initWithString bool Texture2D::initWithString(const char *text, const FontDefinition

CSS3 -- 文字阴影（text-shadow）

text-shadow在css2中就出现过,但在css2.1版本中又被抛弃了,现在css3.0版本又重新捡回来了. 它的作用,产生阴影和模糊主体.这样在不使用图片时能给文字增加质感. 1.text-shadow语法.取值 text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]* 也就是: text-shadow:[颜色(Co

css3 文字的设置

1.text-shadow 有3个length参数,第1个表示水平偏移,第2个表示垂直偏移,第3个表示模糊(可选) .text11{text-shadow: 3px 3px 5px #f00 ;color: yellowgreen;}  2.-webkit-text-stroke 描边的文字: -webkit-text-stroke: 1px yellow 描边为1px 3.box-reflect 文字倒影: -webkit-box-reflect: below 10px; 文字和倒影之间相隔1

CSS3 - 文字和字体

1,text-overflow 与 word-wrap text-overflow用来设置是否使用省略标记(...)标示对象内文本的溢出 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; whit