Best Front Page and Web Design

Great Web Graphic program

The Alpha Filter
Adjusts the opacity of the content of the object


back  -  home  -  Filters scripts

Original Picture

With Alpha Filter applied

Click here for more examples

Alpha Filter Effect
Sets the level of opacity.

Using filters
The filter must be applied to an element that has width or height measurements. For example an image, table, table cell. You cannot, for example apply it to the <p>, H1, <b>.

Because an exact measurement is required one can use the  <div> or <span> and define the width or height, or both. Absolute positioning can also be used - as long as there is some sort of measurement.

This is the code used for the image above ... I have just given the table cell code, not whole table.

<td valign="bottom" align="center" width="180" height="56" style="FILTER: progid: DXImageTransform.Microsoft.Alpha (Opacity=100, FinishOpacity=40, Style=2, StartX=0, FinishX=0, StartY=0, FinishY=0); padding: 0px; background-position: 0% 50%" bgcolor="#FFFFEA"> <img border="0" src="background.jpg" align="middle" width="180" height="208"></td>

You can alter any of the above numbers in the filter. This is what they all represent:

Opacity Percentage of opacity applied. Number can be between 0 - 100
FinishOpacity The gradient finish percentage of opacity. Number can be between 0 - 100.
Style There are four styles -
  0 = uniform Applies the opacity value evenly across the object
  1 = Linear Applies an even opacity gradient, beginning with the Opacity value, on a line StartX to StartY and ending with the FinishOpacity value, on a line from FinishX to FinishY
  2 = Radial Applies an even opacity gradient. Starting in the center with the Opacity value, and ending at the middle of the sides of the object with the FinishOpacity value. None of the corners are affected by the gradient.
  3 = Rectangular This applies an even opacity gradient, starting at the sides of the object with the Opacity value and ending in the center of the object with the FinishOpacity value.
StartX Starting X co-ordinate for Linear gradient
StartY Starting Y co-ordinate for Linear gradient
FinishX Finishing X co-ordinate for Linear gradient
FinishY Finishing X co-ordinate for Linear gradient

Note: The StartX, StartY, FinishX and FinishY only apply to the Linear filter


back  -  home  -  Filters scripts

Discount Templates Discount Domains Domain Reseller  Template-Layouts 
Sponsor a child    Living Kidney Donation