首页前端开发HTMLhtml5文字阴影效果text-shadow使用示例

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

时间2024-01-24 09:04:31发布访客分类HTML浏览471
导读:收集整理的这篇文章主要介绍了html5文字阴影效果text-shadow使用示例,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//DTD X...
收集整理的这篇文章主要介绍了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>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html5

若转载请注明出处: html5文字阴影效果text-shadow使用示例
本文地址: https://pptw.com/jishu/585229.html
html5记忆翻牌游戏实现思路及代码 使用HTML5的File实现base64和图片的互转

游客 回复需填写必要信息