css text-shadow

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>css text-shadow</title>
<meta name="Author" content="涂聚文" />
<!--[if lte IE 8]>
    <script src="jquery.ie-opacity-polyfill.js"></script>
<![endif]-->
<style type="text/css">
/*
Geovin Du 塗聚文参考:
http://www.w3.org/Style/Examples/007/text-shadow.en.html
http://www.useragentman.com/blog/2011/04/14/css3-text-shadow-can-it-be-done-in-ie-without-javascript/
http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/
http://stackoverflow.com/questions/4205478/text-shadow-in-internet-explorer
http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx
https://kremalicious.com/make-cool-and-clever-text-effects-with-css-text-shadow/
http://css-tricks.com/snippets/css/css-text-shadow/

*/
    /*-webkit-text-shadow:0px 0px 10px #333;  for chrome */
    /*-text-shadow:0px 0px 10px #333; for all browser*/
    /* text-shadow:0px 0px 10px #333;same as above*/
  /*-moz-text-shadow:0px 0px 10px #333;  for firefox */
  /*-o-text-shadow:0px 0px 10px #333;  for opera */
  /*-ms-text-shadow:0px 0px 10px #333;  for ie 9+ */
  /*-khtml-text-shadow:0px 0px 10px #333;  for gecko based browser*/

.fbod{
   padding-top:20px;
   font-weight:bold;
    color:#000099;
	margin-left:auto;
	margin-right:auto;
	text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; /*Firefox,,Safari,Chrome,Opera,IE11*/
    font-size:12px;
    /*FILTER: Shadow(Color=#ffffff, Direction=30);width:600px;font-size:9pt;*/
    /*filter: Shadow(Color=#00cc66, Direction=45);width:600px;font-size:10pt; IE fallback support for IE7, IE6, IE5.5, IE5... */
    filter:progid:DXImageTransform.Microsoft.Chroma(Color=#666666)
           progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66);/*IE fallback support for IE7, IE6, IE5.5, IE5... */

    -ms-filter:"progid:DXImageTransform.Microsoft.Chroma(Color=#666666) progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66)"; /*  IE8 support */
   /* -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);*/
    /*-ms-text-shadow:1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;IE 9*/
    background-color:#fff;
    padding-bottom:20px; 

}
.demo10{
	background-color:#ffffff;
}
.fbody{
  zoom: 1;
  font-weight:bold;
  color: #000;
  font-size:14px;
  padding-bottom:20px;
  letter-spacing:3px;/*字间距*/
  line-height:28px;/*字行间距,这个数字必须要大于字体的大小*/
  text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8),6px 6px rgba(197, 223, 248,0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.DropShadow(Color=#99cc99, OffX=3, OffY=3)";
   filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
	        progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66);
  }
</style>
<style type="text/css">
  div.example {border: #603 dotted; padding: 0.5em; margin: 1em 2em}
  div.example h3 {font-size: x-large; display: block; text-align: center;
    border: none}
  div.example1 {background: #CCF; padding: 1em}
  div.example1 h3 {color: blue; text-shadow: #333 0.1em 0.1em}
  div.example2 {background: #CCF; padding: 1em}
  h3.example2a {color: blue; text-shadow: #333 0.1em 0.1em 0.05em}
  h3.example2b {color: blue; text-shadow: black 0.1em 0.1em 0.2em}
  div.example4 {background: #CCF; padding: 1em}
  h3.example4a {color: white}
  h3.example4b {color: white; text-shadow: black 0.1em 0.1em 0.2em}
  h3.example5 {color: blue; text-shadow: 0.2em 0.5em 0.1em #600,
    -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006}
  div.example6 {background: #CCC; padding: 1em}
  h3.example6a {color: #D1D1D1; text-shadow: -1px -1px white, 1px 1px #333;
    letter-spacing: 2px;
       filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-0.5, OffY=-0.5, Color=#FFF)
               progid:DXImageTransform.Microsoft.Chroma(Color=#FFFFFF);
    }
  h3.example6b {color: #C8C8C8; text-shadow: 1px 1px white, -1px -1px #444;
    letter-spacing: 2px}
  div.example7 {background: #CCF; padding: 1em}
  h3.example7a {color: blue;  text-shadow: -1px 0 black, 0 1px black,
    1px 0 black, 0 -1px black}
  h3.example7b {color: #BBE; text-shadow: -1px 0 black, 0 1px black,
    1px 0 black, 0 -1px black}
  h3.example8a {text-shadow: 0 0 0.2em #8F7}
  h3.example8b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
  h3.example8c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

  .fiftyPercentOpaque{
   opacity:0.5; /* Modern Browser support (including IE9) */
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   -ms-opacity: 0.5;
    -o-opacity: 0.5;
   /*-webkit-filter:*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 support */
   filter:glow(color=red,strength=5);alpha(opacity=50); /* IE fallback support for IE7, IE6, IE5.5, IE5... */
   text-shadow: 1px -1px rgb(255,  42,  42),
                            2px -2px rgb(255,  85,  85),
                            3px -3px rgb(255, 127, 127),
                            4px -4px rgb(255, 170, 170),
                            5px -5px rgb(255, 212, 212);
}
</style>
</head>

<body>
<div id="" class="demo10">
<p class="fbody" align="center">
<span id="zoom" class="fbody">江西省吉安市永丰县
市政花园(市政服务大楼[厅])住宅
工程质量、违反强制性条文、侵占绿化率违章建筑、无建筑节能、无抗震安全、偷工减料、水质水压、工程违法分解分包并借资、违法工程图纸违法不合格包庇”合法化”、不依合法工程图纸施工、不检测不合格工程验收为”合格”、不合格工程并包庇隐瞒成”合法化”、 不合格工程未依法重新综合验收备案 、违法违纪建设程序及行为行政管理包庇隐瞒”合法化”、违法违纪行为不执法纠正、违法违纪行为稽查、监察、纪检不纠正反而包庇或渎职○16等等建设领域违法违纪行为
(包括纠正改正过程中)
检举、投诉、举报、控告申诉附带
行政复核书
(不要以文字多不详阅,这是什么作风?并不负责调查证实,是不是在渎职腐败玩忽职守?!)
<br />
	以热爱祖国为荣 以危害祖国为耻<br />
	以服务人民为荣 以背离人民为耻<br />
	以崇尚科学为荣 以愚昧无知为耻<br />
	以辛勤劳动为荣 以好逸恶劳为耻<br />
	以团结互助为荣 以损人利己为耻<br />
	以诚实守信为荣 以见利忘义为耻<br />
	以遵纪守法为荣 以违法乱纪为耻<br />
	以艰苦奋斗为荣 以骄奢淫逸为耻<br />
	<br />权为民所用 情为民所系 利为民所谋<br />
——正确把握共产党的权力观、地位观、利益观

	<br /><br />
	<b>
	“总结我们党七十多年的历史,可以得出一个重要结论,这就是:我们党所以赢得人民的拥护,是因为我们党在革命、建设、改革的各个时期,总是代表着中国先进生产力的发展要求,代表着中国先进文化的前进方向,代表着中国最广大人民的根本利益,并通过制定正确的路线方针政策,为实现国家和人民的根本利益而不懈奋斗。”--是我们党的立党之本、执政之基、力量之源。</b>
<br />
<a href="http://cpc.people.com.cn/n/2014/0903/c64102-25597639.html" target="_blank">广东纪委书记:不查案是失职 查案不治本是不称职</a>  

中共广东省委常委、纪委书记黄先耀称,各级党委(党组)要履行好主体责任,坚持惩治和预防“两手抓、两手硬”,牢牢树立“不查案是失职,查案不治本是不称职”的观念,把预防和治本要求融入日常业务、改革发展和队伍建设中。
<br /><br />
</span>

</p>
<p class="fbod">
<span id="zoom" class="fbod">
李克强当时说:“我在基层调研时注意到,有些地方确实出现了‘为官不为’的现象,一些政府官员抱着‘只要不出事,宁愿不做事’,甚至‘不求过得硬,只求过得去’的态度,敷衍了事。说得难听点儿,这不就是尸位素餐吗?这样的庸政、懒政同样是腐败,是对国家和人民的极大不负责!”--2014年07月14日 星期一 新京报</span >

</p>

</div>

   <pre>
h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #444}
</pre>

   <div class=example>
    <div class=example6>
     <h3 class=example6a>I, Augustus (you know who)</h3>

     <h3 class=example6b>That's extra, of course</h3>
    </div>
   </div>

   <div class="fiftyPercentOpaque">
行政违法违规审批(违法违规修改规划和设计,不通过合法程序审批审查而违法“合法化”○5、预售许可○11,不合格工程验收为“合格”,包庇成为”合法化”)、违法工程图纸包庇隐瞒”合法化”、偷工减料、不依法施工(如无施工许可证○6,施工之前有无办理工程监督、监理手续等)、不依合法工程施工图及规范施工、违反建筑工程规范强制性条文(城乡规划部分,房屋建筑建部分)、不依法检测验收、不检测不合格工程验收为”合格” 、 不合格工程未依法重新综合验收备案、不依法现场勘察检测报告、相关单位无企业资质及个人无执业资格和无专业印章、工程违法肢解拆解、违法借资、外地施工单位无备案等违法违规(而建设行政主管部门不纠正,包括投诉之后纠正过程中包庇违法行为“合法化”)等问题,请省级以上建设行政主管部门及政府和纪检监察部门现场核实相关问题并让业主公开听证○3。业主并申请公开查阅相关工程图纸、管线综合规划图、行政许可证明、规划绘制、勘察、造价咨询、测绘、各类检测报告、相关审批、审核、监督、验收备案、现场调查结论、稽查报告、我们投诉之后的行政处罚○10详情、2010年7月29日省住房和城乡建设厅派工作人员的调查结论报告、对投诉处理答复过程依据等等及相关图纸、文件(因未公示和告之).

</div>

</body>

</html>

demo: text-shadow

时间: 2024-09-25 14:38:38

css text-shadow的相关文章

CSS滤镜:Shadow属性

ado|css|滤镜 Shadow属性可以在指定的方向建立物体的投影.它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色:Direction参数用来指定投影的方向. 这里说的方向与我们在第二节Blur属性中提到的"方向与角度的关系"是一样的. 也许您会问,前面讲到的Dropshadow属性和Shadow属性有什么不同吗? 光说的话,您恐怕还难以理解,让我们

CSS 滤镜——Shadow滤镜

ado|css|滤镜 Shadow 滤镜语法 {filter:shadow(color=color,direction=direction)} 利用"Shadow"属性可以在指定的方向建立物体的投影,COLOR是投影色,DIRECTION是设置投影的方向.其中0度代表垂直向上,然后每45度为一个单位.它的默认值是向左的270度. 效果如下: CSS滤镜实现 代码 效果拷屏 欢迎光临 <td style=filter:shadow(color=red, direction=45&g

CSS DIV Shadow

/* 2011-11-28 塗聚文 締友計算機信息技術有限公司 CSS DIV Shadow css3 */ #geovinduDiv-shadow { padding:10px; background-color:#f9f9f9; border:1px solid #fff; position:relative; /*Firefox*/ -moz-box-shadow: 3px 3px 4px #000; /*Safari,Chrome*/ -webkit-box-shadow: 3px 3p

保存几个不错的css特效字_CSS/HTML

测试CSS文字阴影特效 测试CSS文字阴影特效 Test CSS text Shadow style 测试CSS文字阴影特效

CSS属性:text

这篇文章将对 CSS 的几个新属性 (text-shadow,box-shadow,and border-radius) 做基本介绍.这些 CSS3 属性通常用来加强页面布局. RGBA 前面的 3 个值是 RGB 颜色值,最后一个值是透明度的级别(0 = 透明,1 = 不透明). RGBA 可以应用于与颜色的任何属性,如字体颜色,边框颜色,背景颜色,阴影颜色等. Text Shadow 文字阴影的结构顺序为:x 轴偏移,y 轴偏移,模糊,颜色. 设置一个负值的 x 轴偏移将阴影转移到左侧.设置

CSS滤镜之Shadow属性

ado|css|滤镜 Shadow属性可以在指定的方向建立物体的投影.它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色:Direction参数用来指定投影的方向. 这里说的方向与我们在第二节Blur属性中提到的"方向与角度的关系"是一样的. 也许您会问,前面讲到的Dropshadow属性和Shadow属性有什么不同吗? 光说的话,您恐怕还难以理解,让我们

5款纯div+css制作的弹出菜单(标准且无js)

css|js|标准|菜单 一.最基本的:二级dropdown弹出菜单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><

完全CSS下拉菜单,只用CSS,纯CSS构筑!

核心提示:纯CSS构筑的下拉导航菜单! 看看CSS代码,要注意认真看,好好研究哦! <style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em;padding-bottom:250px;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul

纯CSS制作下拉导航菜单实例代码

css|菜单|导航|下拉 <style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em;padding-bottom:250px;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul li {float:left;position:relat

纯CSS制作简洁的垂直网站导航条

css|导航 CSS代码 以下是引用片段:/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif;  width:750px;  margin:0;  margin:50px 0; } /* remove the bullets and set the margin and padding