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

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

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

【 tulaoshi.com - Web开发】

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

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

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

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

HTML5标签与HTML4标签的区别示例介绍

标签： Web开发

（1）概念的变化： HTML5专注内容与结构，而不专注的表现 header hgroup导航相关数据/hgroup /header nav菜单/nav article h1标题:HTML5专题视频教程/h1 （2）声明与标签： HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。 HTML5标签语法介绍及新增标记 1、语法标签：（1） ...

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

标签： Web开发

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

html5开发之viewport使用

标签： Web开发

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

html5 标签

标签： Web开发

W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过制...

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

标签： Web开发

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

查看更多精彩>>