html5文字阴影效果text-shadow使用示例


Posted in HTML / CSS onJuly 25, 2013

html5文字阴影效果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>
<title></title>
<style type="text/css">
/*<![CDATA[*/
#text
{
text-shadow:2px 2px 0px orange;
}
#text1
{
text-shadow:2px 2px 5px orange;
}
#text2
{
text-shadow:2px 2px 5px orange,-2px 2px 5px green;
}
/*]]>*/
</style>
</head>
<body>
<div id="text">
没有模糊效果
</div>

<div id="text1">
有模糊效果
</div>

<div id="text2">
阴影叠加
</div>

</body>
</html>

HTML / CSS 相关文章推荐
用css3制作纸张效果(外翻卷角)
Feb 01 HTML / CSS
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
Jun 01 HTML / CSS
详解CSS3弹性伸缩盒
Sep 21 HTML / CSS
CSS3实现的渐变幻灯片效果
Dec 07 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
用HTML5实现手机摇一摇的功能的教程
Oct 30 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 HTML / CSS
html5 canvas实现给图片添加平铺水印
Aug 20 HTML / CSS
div与span之间的区别与使用介绍
Dec 06 HTML / CSS
企业开发CSS命名BEM代码规范实践
Feb 12 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
Jul 25 #HTML / CSS
html5记忆翻牌游戏实现思路及代码
Jul 25 #HTML / CSS
html5 乒乓球(碰撞检测)实例二
Jul 25 #HTML / CSS
html5 迷宫游戏(碰撞检测)实例一
Jul 25 #HTML / CSS
html5弹跳球示例代码
Jul 23 #HTML / CSS
x-ua-compatible content=”IE=7, IE=9″意思理解
Jul 22 #HTML / CSS
canvas使用注意点总结
Jul 19 #HTML / CSS
You might like
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
PHP链表操作简单示例
2016/10/15 PHP
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
javascript 浏览器检测代码精简版
2010/03/04 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
vue vant中picker组件的使用
2020/11/03 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python实现进程间通信简单实例
2014/07/23 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
Python装饰器结合递归原理解析
2020/07/02 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
热能动力工程毕业生自荐信
2013/11/07 职场文书
珍惜水资源建议书
2014/03/12 职场文书