文本阴影text-shadowtext-shadow可以用来设置文本的阴影效果。语法:text-shadow: X-Offset Y-Offset blur color;X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;Y-Offset:是指阴影的垂直偏移距离,如果其...
分类:
其他好文 时间:
2015-10-22 17:02:35
阅读次数:
123
CSS3文本效果实例1:文本阴影:<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>CSS3文本阴影</title>
<style>
h1{text-shadow:5px5px5px#FF0000;}
</style>
</head>
<body>
<h1>文本阴影效果..
分类:
Web程序 时间:
2015-10-15 18:55:44
阅读次数:
159
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类:
Web程序 时间:
2015-09-14 15:27:38
阅读次数:
237
CSS3 包含多个新的文本特性。在本章中,您将学到如下文本属性:1. text-shadow2. word-wrap浏览器支持Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。所有主流浏览器都支持 word-w...
分类:
Web程序 时间:
2015-08-28 12:29:13
阅读次数:
169
本篇文章由:http://xinpure.com/the-css3-font-glow-effect/CSS3 并没有直接设置发光效果的属性,但是可以利用 text-shadow 属性实现此效果text-shadow该属性为文本添加阴影效果text-shadow: h-shadow v-shadow...
分类:
Web程序 时间:
2015-07-16 15:49:34
阅读次数:
299
在以前,阴影效果一般都是做成图片,现在有了CSS3 可以直接使用text-shadow 属性来实现阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在不需要图片的情况下就能给文字增加质感。 基本语法: text-shado...
分类:
Web程序 时间:
2015-07-09 23:01:48
阅读次数:
2280
CSS3 文本效果1. text-shadow2. word-wraptext-shadow属性使用方法text-shadow属性使用方法如下所示。text-shadow:length length length color 其中,前面三个length分别指阴影离开文字的横方向距离、阴影离开文字的....
分类:
Web程序 时间:
2015-07-06 16:00:56
阅读次数:
201
幻灯片:http://www.woothemes.com/flexslider/引入js和样式文件后,增加样式:.flexslider{
margin:0auto3em;
width:50%;
min-width:800px;
}
.flex-caption{
width:96%;
padding:2%;
left:0;
bottom:0;
background:rgba(0,0,0,.5);
color:#fff;
text-shadow:0-1px0rgba(0,0,..
分类:
Web程序 时间:
2015-07-05 16:57:53
阅读次数:
239
使用text-shadow实现文本阴影、描边和发光 text-shadow:length || length || opacity || color length:由浮点数字和长度单位组成的长度值,可以为负值。两个length分别代表阴影在水平方向和垂直方向上相对于文本本身的偏移距离。 opa...
分类:
Web程序 时间:
2015-07-05 14:59:59
阅读次数:
155
7 text-shadow 文本阴影 (1)text-shadow的属性有四个值:第一个值表示水平位移,正值偏右;第二个值表示垂直位移,正值偏下;第三个值表示模糊半径,该值可选;第四个值表示阴影的颜色,该值可选。 比如:text-shadow : 0.1em 0.1em 0.3em #333; .....
分类:
Web程序 时间:
2015-07-03 21:55:45
阅读次数:
194