<html>
<head>
<title>Abakada CSS Demo: Glow Filter</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
<!--
#glowText { width: 75%; cursor: hand;
font: bold 32pt arial; color: #366 }
-->
</style>
<script language="JavaScript">
<!--
function zip ( ) {
if ( glowText.filters.glow.enabled == 1 )
glowText.filters.glow.enabled = 0;
if ( glowText.filters.blendTrans.status == 0 ){
glowText.filters.blendTrans.Apply ( );
glowText.filters.glow.enabled = 1;
glowText.filters.blendTrans.Play ( );
}
}
function zap ( ) {
glowText.filters.blendTrans.Apply ( );
glowText.filters.glow.enabled = 0;
glowText.filters.blendTrans.Stop ( );
}
//-->
</script>
</head>
<body onload="zap ( )">
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada CSS Demo: Glow Filter</h2></div>
<hr size=1 width=92%>
<center>
<h3>Glow Filter Effect</h3>
<div id="glowText"
style="filter: glow ( color=#efcf00, strength=5, enabled=0 )
blendTrans ( duration=2 )"
onmouseover="zip ( )" onmouseout="zap ( )">Mouse over and watch me Glow !
</div>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>