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 mask遮罩实现一些特效
Oct 24 HTML / CSS
CSS3中Color的一些特性介绍
May 27 HTML / CSS
纯CSS3实现给头像加个光芒四射且旋转的背景动画效果
May 07 HTML / CSS
HTML5 video视频字幕的使用和制作方法
May 03 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
Apr 18 HTML / CSS
html5 canvas 简单画板实现代码
Jan 05 HTML / CSS
HTML5 Web Workers之网站也能多线程的实现
Apr 24 HTML / CSS
HTML5新增的Css选择器、伪类介绍
Aug 07 HTML / CSS
使用phonegap查找联系人的实现方法
Mar 31 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
Jan 29 HTML / CSS
详解Canvas 跨域脱坑实践
Nov 07 HTML / CSS
CSS+HTML 实现顶部导航栏功能
Aug 30 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
同时提取多条新闻中的文本一例
2006/10/09 PHP
Dedecms常用函数解析
2008/02/01 PHP
php数据库抽象层 PDO
2011/05/07 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
详解JavaScript按概率随机生成事件
2017/08/02 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
Python 串口读写的实现方法
2019/06/12 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
Python爬虫实现模拟点击动态页面
2020/03/05 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
制衣厂各岗位职责
2013/12/02 职场文书
前台接待岗位职责
2013/12/03 职场文书
项目合作协议书
2014/04/16 职场文书
低碳环保标语
2014/06/12 职场文书
村委会贫困证明范文
2014/09/21 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!
2021/06/11 Python