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

丁杰的兔子厂

丁杰的兔子厂

2016-02-19 10:39

今天图老师小编要向大家分享个html5文字阴影效果text-shadow使用示例教程,过程简单易学,相信聪明的你一定能轻松get!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
代码如下:

!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
展开更多 50%)
分享

猜你喜欢

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

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

CSS:text-shadow

Web开发
CSS:text-shadow

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

html5 canvas 使用示例

Web开发
html5 canvas 使用示例

html5 offlline 缓存使用示例

Web开发
html5 offlline 缓存使用示例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

使用HTML5拍照示例代码

Web开发
使用HTML5拍照示例代码

html5弹跳球示例代码

Web开发
html5弹跳球示例代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

动态调用css文件——jquery的应用

动态调用css文件——jquery的应用

如何把CD抓轨成WAV文件教程

如何把CD抓轨成WAV文件教程
下拉加载更多内容 ↓