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区域模块region相关编写示例
Aug 28 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
Aug 02 HTML / CSS
HTML5 3D衣服摇摆动画特效
Mar 17 HTML / CSS
HTML5触摸事件实现移动端简易进度条的实现方法
May 04 HTML / CSS
HTML5实现音频和视频嵌入的方法
Aug 22 HTML / CSS
浅谈移动端网页图片预加载方案
Nov 05 HTML / CSS
使用placeholder属性设置input文本框的提示信息
Feb 19 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
Apr 14 HTML / CSS
AmazeUI 输入框组的示例代码
Aug 14 HTML / CSS
html+css实现赛博朋克风格按钮
May 26 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
文本加密解密
2006/06/23 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
理解Python中函数的参数
2015/04/27 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
python装饰器深入学习
2018/04/06 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
2019年Java 最常见的 面试题
2016/10/19 面试题
反邪教宣传工作方案
2014/05/07 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
超市开店计划书
2014/09/15 职场文书
交通违章检讨书
2014/09/21 职场文书
2014年幼师工作总结
2014/11/22 职场文书
高三英语教学计划
2015/01/23 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫