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的flexbox实现水平垂直居中与三列等高布局
Sep 12 HTML / CSS
CSS3实现多背景展示效果通过CSS3定位多张背景
Aug 10 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
CSS3 仿微信聊天小气泡实例代码
Apr 05 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
Oct 15 HTML / CSS
CSS3实现线性渐变用法示例代码详解
Aug 07 HTML / CSS
CSS3实现时间轴特效
Nov 02 HTML / CSS
如何在网站上添加谷歌定位信息
Apr 16 HTML / CSS
HTML5 预加载让页面得以快速呈现
Aug 13 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
Aug 26 HTML / CSS
移动端html5 meta标签的神奇功效
Jan 06 HTML / CSS
HTML5 input新增type属性color颜色拾取器的实例代码
Aug 27 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
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证
2016/05/04 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
python实现问号表达式(?)的方法
2013/11/27 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
Python Selenium库的基本使用教程
2021/01/04 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
绿色环保口号
2014/06/12 职场文书
2014年城管工作总结
2014/11/20 职场文书
消防隐患整改通知书
2015/04/22 职场文书
机关工会工作总结2015
2015/05/26 职场文书
关于运动会的广播稿
2015/08/19 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
SpringBoot生成License的实现示例
2021/06/16 Java/Android