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

2016-02-19 10:39 64 1 收藏

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

【 tulaoshi.com - Web开发】

（本文来源于图老师网站，更多请访问http://www.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

来源:http://www.tulaoshi.com/n/20160219/1595394.html

上一篇：动态调用css文件——jquery的应用
下一篇：如何把CD抓轨成WAV文件教程

看过《html5文字阴影效果text-shadow使用示例》的人还看了以下文章更多>>

Html5实现iPhone开机界面示例代码

标签： Web开发

今天我突发其想，想到可以用Html5来仿照苹果操作系统做一个能在Web平台运行的ios。当然，要开发出一个操作系统，等我再归山修练一百年再说吧。今天就先娱乐一下，先搞一个开机界面。完工后的图片：担心图片是被我PS后的同学可以直接进入下面的地址测试： http://www.cnblogs.com/yorhom/articles/3163078.html 由于lufylegend封...

HTML5 Canvas标签使用收录

标签： Web开发

一、基本概念什么是Canvas canvas 是一个新的 HTML 元素，这个元素在 HTML5 中被定义。这个元素通常可以被用来在 HTML 页面中通过 JavaScript 进行绘制图形、合成图像等等操作，也可以用来做一些动画。当然，目前 HTML5 规范还在草稿阶段，正式发布也许要等到2010年，不...

html5开发之viewport使用

标签： Web开发

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点 viewport 语法介绍：代码如下： !-- html docu...

Html5游戏开发之乒乓Ping Pong游戏示例(一)

标签： Web开发

在这一章节我们将：准备开发工具建立我们的第一个游戏-Ping Pong 学习使用Jquery JavaScript库做基本定位获取键盘输入 Creating the Ping Pong game with scoring 下面的游戏截图就是我们本章学习后的成果。它是一款乒乓游戏，有2个玩家使用一个键盘比赛。那么，现在就让我们开始创建我们的游戏。准备开发环境 HTML5游戏开...

HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)

标签： Web开发

HTML5 Canvas中提供了实现图形平移，旋转，放缩的API。平移(translate) 平移坐标translate(x, y)意思是把(0,0)坐标平移到(x, y)，原来的(0,0)坐标则变成(-x, -y) 图示如下：任何原来的坐标点p(ox, oy)在translate之后的坐标点为p(ox-x, oy-y),其中点(x, y)为平移点坐标translate(x, y)。代码演示：代码如下： // trans...

查看更多精彩>>