CSS3:文字阴影知多少（2）
作者：ahhqx 来源：ediyang.com 发布时间：2009-06-28 15:33:00
标签：阴影,css3,文字,text-shadow
为什么使用text-shadow：
可以增强文字质感
可以减少图片的使用,减少带宽支出
随着Firefox 3.5支持text-shadow,不久很多人将可以看到你定义的阴影
不相信?请看看下面的截图,这是对http://tweetcc.com/网站分别在safari 4(win)与Firefox 3.0.11下所进行的截图.很明显在有text-shadow应用下整体文字层次感好了许多.
其他例子
接下来我们继续看看一些有趣的text-shadow下的例子吧,首先看看 vikiworks 用text-shadow来显示程序代码.很多人都觉得这个效果很赞,没错,该网站用的就是css3属性.
参考资料及常见问题
看完上面觉得不够,那么可以参考一下下面的文章：
问题有:
如果使用了blur,也就是定义了阴影模糊半径,会导致页面在滚动时变慢.
请留意:本文章旨在抛砖引玉引起大家对CSS3的兴趣.也比较侧重该属性呈现的效果,所以对该属性的技术性讲解及定义都有所偏差,请原谅.
0
投稿猜你喜欢
- 这个我早就改好了一直没有放上来.现在发给大家用用注意这几个变量它们影响到提示框的效果代码:var rT=true;//允许图像过渡
学习目的： 掌握文本框的用法 初次接触try…catch…语法 今天内容很轻松，用一个例子，输入年月日，判断输入是否正确 图片如下： 用个- 如何做一个树状展开视图来显示自己的记录结构？在SQL中，如何做一个可收起和展开树状结构图？就是资源管理器左栏的那种效果。这要用到Data s
- Hihi, 大家好~ 最近有不少人都提及了网页上该如何选择字体的问题。问题虽然小，但是却是前端开发中的基本，因为目前的网页，还是以文字信息
- 前言：看本教程，必须先仔细看前言的内容,否则会进入误区！最近在做个性休闲服装内网站的设计课程，过程中发现，个性元素的应用成为最难的问题，第一
- 很早以前就有很多关于用CSS制作的相册，今天突然想看又找不到，反正也无聊，自己做了一下，结果做一下发现自己温习了一些东西。还行，
- “'验证码'等于'流氓软件'”这句话本身存在逻辑问题，因为“验证码”并不是一个软件，而是软件里的一个功能。这
- 今年我们的祖国多灾多难 雪灾的阴影还没散去又发生了地震。让我们用手中的画笔为5.12地震受灾同胞们祈福并号召大家为灾区人民捐款！中国插画网祈
- IE在处理透明度上真够恶心，而且在IE7必须让元素的hasLayout为ture，要不会失效。以下是我最新处理透明度的代码：var
- 引言 在前篇文章中(SQL查询入门（上篇),我对数据库查询的基本概念以及单表查询做了详细的解释，本篇文章中，主要说明SQL中的各种连接以及使
- 请问论坛的树状记录表是怎么展开的？如何做？论坛的这种展开技术一般采用两种方法实现，一种是采用递归的方法，优点是逻辑简单，编程简单，缺点是速度
- 设计是简单的如果你知道要放的东西该放到哪。曾经在某个电子杂志里看到一篇关于如何在平面设计中偷懒的文章，引发了我的一些思考，在平面设计中有这么
- 本文介绍FCKeditor在Java环境下的使用方法。一、简介 功能：所见即所得，支持图片和Flash，工具栏可自由配置，使用简单兼容性：I
- 今天好不容易闲下来半天，所以和大家分享一下我之前总结的一套Web UI 设计命名规范，也就是网站用户界面设计(俗称网页设计)命名规范。这套规
- 一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描
- 看到sam关于max-height的文章，觉得按捺不住了。sam注重于样式表的写法，过多的要求div+css的布局，sam可是追求艺术的人哦
- 注意，下述部分主要与DOUBLE和FLOAT列相关，原因在于浮点数的不准确本质。MySQL使用64位十进制数值的精度执行DECIMAL操作，
- jquery基本入门 第一天：选择器相关 1.html()与.text() .html()取得第一个匹配元素的html内容。会带有标签，.t
- 负责Web编写的前端人员，都清楚可以通过W3验证服务功能，来在线验证自己编写的XHTML代码是否正确，在验证期间，最容易出现的错误往往都是在
- 为什么很多站长开始做英文网站，我想主要是原因是良好的互联网环境让大家更容易赚到钱，中小站长做英文网站大致为两类，一是电子商务的外贸网站，二是
