text effect

最新推荐文章于 2024-08-11 17:20:20 发布

weixin_30408675

最新推荐文章于 2024-08-11 17:20:20 发布

阅读量313

点赞数

文章标签： c# javascript ViewUI

原文链接：http://www.cnblogs.com/muzijia/p/3420333.html

版权

http://www.nazcarpine.com/tips-n-tricks/css-text-shadow-tricks

http://css-tricks.com/examples/BlurredText/

http://jonraasch.com/demo/extrude-on-hover

http://www.technologybell.com/css3-text-effects/#

http://gazpo.com/2011/02/text-shadow/

http://www.technologybell.com/css3-text-effects/#

<html>
<head>
  <title>设置边缘发光效果</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <style type=text/css>
  <!--
  h2{font-family:黑体;font-size:15pt}
  .glow1{position:absolute;top:80;
         filter:glow(color=#ff0000,strenght=15);}
  .glow2{position:absolute;top:150;left:30;
         filter:glow(color=#0000ff,strength=10);}
   .glow3{text-shadow: 1px 0 1px #8B4513, 0 1px 1px #8B4513, 
    0 -1px 1px #8B4513, -1px 0 1px #8B4513;}
  .glow3{
filter: glow(color:blue, strength=2); color:white; font-weight:900; text-shadow: 1px 1px 5px blue;}
.glow3 {
	color: rgba(255, 100, 140,0.5);
	text-shadow: 3px 3px 0 rgba(80,255,0,0.8);
}
  -->
  </style>
</head>
<body>
  <center>
  <h2>设置边缘发光效果</h2>
  </center>
  <hr>
  <div class="glow1">
    <p style="font-family:'华文行楷';font-size:45pt; font-weight:bold;color:#003366;">
    Welcome to liutime.com!
    </p>
  </div>
  <div class="glow2">
    <p style="font-family:'方正姚体'; font-size:30pt; font-weight:bold;color:#00ff66;">
    欢迎来到，遛时间！
    </p>
  </div>
<div class="glow3">
    <p style="font-family:'方正姚体'; font-size:30pt; font-weight:bold;color:#00ff66;">
    firefox, opera, safari
    </p>
  </div>
</body>
</html>

<script language="javascript" type="text/javascript">
function showit()
{
self.setInterval("changeit()", 800);
}

function changeit()
{
var bg = '#';	
var color = new Array("A","B","C","D","E","F");
var node = document.getElementById("con");//#33FF33
for (var j=1; j<7; j++)
{
var i = Math.round(Math.random()*10);
if (i>=5)
{	bg = bg+color[i-5];	}
else
{	bg = bg + i;	 }
}	
node.style.color = bg;	
}
</script>
</HEAD>

<BODY οnlοad="showit();">
<div id="con" style="background:#330000;color:#FF3300;width:80px;height:30px;font-size:16pt;">lasdflasdfhalsdfaldfladhladhlasd</div>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/muzijia/p/3420333.html

weixin_30408675

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
text effect

http://www.nazcarpine.com/tips-n-tricks/css-text-shadow-trickshttp://css-tricks.com/examples/BlurredText/http://jonraasch.com/demo/extrude-on-hoverhttp://www.technologybell.com/css3-text-effects...
复制链接

扫一扫