CSS3:文字阴影知多少
作者：ahhqx 来源：ediyang.com 发布时间：2009-06-28 15:33:00
最近我因为要安装 Firebug 1.4 导致我不得不安装了 Firefox 3.5 ,所以很不小心地接触到了Wordpress后台那漂亮的文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发.
首先我们看看wordpress 2.8后台使用了text-shadow的部分(绿色箭头).觉得怎么样?没错,这些都是CSS3属性,而不是图片做成的.
text-shadow是什么?
text-shadow早在CSS2中已经存在,而现在CSS3也准备将他加入其中.并且由于一直以来只有Safari支持这个属性所以我们很少见到真正的应用,直到最近Firefox 3.5对它的支持然重新唤起了人们对它的兴趣.
text-shadow可以支持给文字加上阴影,这样我们在设计时可以利用css3属性增加文字的质感而不用使用任何图片.
目前支持的浏览器有Firefox 3.1+,Safari 3+,Opera 9.5+等现代浏览器(数据可能有偏差).当然IE家族是无法支持的.
接下来看看text-shadow的语法:
text-shadow:color length length length;
color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”
正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)
举个例子:
text-shadow: -1px 2px 3px #ffb69a;
表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径3px,颜色为 #ffb69a
一些试验与demo
我做了点小小的试验,做成了一个 Demo页面 .为了让浏览器不支持text-shadow的用户看到阴影效果,请直接看以下截图(有位朋友说那个”火鸟”看起来像”鸡”):
如果你使用的是Firefox 3.1+,Safari等浏览器,那请直接点 Demo演示
0
投稿猜你喜欢
- 客户的一台服务器出现Raid故障，经过我们的努力，数据基本恢复成功，但是其中的一个SQL Server日志文件（扩展名LDF）损坏严重，基本
- 分享一个用正则表达式校验电话号码、身份证号、日期格式、URL、Email等等格式的工具类package com.eabax.util;imp
本文实例讲述了php7 图形用户界面GUI 开发。分享给大家供大家参考，具体如下：一、下载指定系统扩展http://pecl.php.net- 大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻
- 函数javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.创建函数:function f(x) {........}v
- 在正文开始之前，先了解vue基于源码构建的两个版本，一个是 runtime only ，另一个是 runtime加compiler 的版本，
- 我们可以通过打开流并写入和读取 HTTP 请求和响应来使用 asyncio 查询网站的 HTTP 状态。然后我们可以使用 asyncio 并
- 今天比较忙，水一下下面的代码来源于这个视频里面提到的，github 的链接为：github.com/mikeckenned…（本地下载）第一
- 这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题vue-devtools是什么？vue
- 人在学校，身不由己。总有一些奇奇怪怪的学习任务，需要我们刷够一定的时长去完成，但这很多都是不太令人感兴趣的文字或是视频，而这些课都有共同的特
- 什么是机器学习 （Machine Learning） 机器学习是研究计算机怎样模
- 一、图像二值化1.效果2.源码import cv2import numpy as npimport matplotlib.pyplot as
- 在右键菜单中加入复制目标文件的有效存放路径（单斜杠或者双反斜杠）引言由于win10电脑自带的获取文件路径为双引号括起来的单反斜杠，如下图。&
- 最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一
- 前言：今天带大家使用JavaScript定制一款网页时钟一、效果展示二、使用的技术主要使用了js的日期对象,实现的时候先创建一个日期对象，并
- 在本文中，我将说明如何用SQL Server的工具来优化数据库索引的使用，本文还涉及到有关索引的一般性知识。 关于索引的常识 影响到数据
- 当存储一个CHAR值时， Mysql会除去尾随空间, 这个行为有点让人困惑， 用一个具体的例子来看一下： 首先 ，创建一个只有一个CHAR(
- 从文本文件中调出记录出现丢失换行？解决方法：<％Dim fsDim tsset fs=Server.Cr
- 前言最近看到老婆天天在手机上玩数独，突然想起 N 年前刷 LeetCode 的时候，有个类似的算法题（37.解数独），是不是可以把这个算法进
- 数据类型是一种值的集合以及定义在这种值上的一组操作。一切语言的基础都是数据结构，所以打好基础对于后面的学习会有百利而无一害的作用。pytho
