text effect

時間 2019-11-16

標籤 text effect 欄目 HTML 简体版

原文原文鏈接

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

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

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

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

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

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

<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 onload="showit();">
<div id="con" style="background:#330000;color:#FF3300;width:80px;height:30px;font-size:16pt;">lasdflasdfhalsdfaldfladhladhlasd</div>
</BODY>
</HTML>

1. Reading on Smart Glasses: The Effect of Text Position, Presentation Type and Walking
2. javascript accordion effect
3. JavaFX Effect
4. redux-effect
5. JQuery: effect
6. Flex effect
7. WPF Effect
8. Effect（五）—— IEffect
9. HTML5 image rotate effect
10. Vue.js + waves-effect
更多相關文章...
• SVG - SVG 教程
• ASP.NET Text 屬性 - ASP.NET 教程
• JDK13 GA發佈：5大特性解讀
• 爲了進字節跳動，我精選了29道Java經典算法題，帶詳細講解

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。