<html>
<head>
<title>Abakada CSS Demo: Alpha Filter</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<script language="JavaScript">
<!--
function setfilter ( ) {
theImg.filters.alpha.opacity = document.forms ( 0 ).opacity.value;
theImg.filters.alpha.finishOpacity = document.forms ( 0 ).finishOpacity.value;
theImg.filters.alpha.style = document.forms ( 0 ).setStyle.value;
}
//-->
</script>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada CSS Demo: <span class="hilite">Alpha Filter</span></h2></div>
<hr size=1 width=92%>
<div align="center">
<h4>The Alpha filter blends an object into its background in the specified amount of blend, effect style, and end opacity.</h4>
<p><img id="theImg" src="../shared/images/samp08.jpg" style="filter: alpha ( )" height=200 width=200></p>
<form>
<p>Select effect style <select name="setStyle" size="1" onchange="setfilter ( )">
<option value="0">Uniform
<option value="1">Linear
<option value="2">Radial
<option value="3">Rectangular
</select></p>
<p>Enter a value for Opacity ( 0-100 ) <input name="opacity" size=3 value=100 onchange="setfilter ( )"></p>
<p>Enter a value for finishOpacity ( 0-100 ) <input name="finishOpacity" size=3 value=0 onchange="setfilter ( )"></p>
</form>
</div>
<p class="small">Tab or click out of the fields to apply changes. </p>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>