Web images various filter effect codes

Transparent code (i)

"Code description" refers to the property: Modify the value of the corresponding can

Opacity: Transparency at the beginning

Finishopacity: Transparency at the end

style:0, average transparent 1, linear transparent 2, round transparent 3, diamond transparent

Transparent Code (II)

<div style= "Filter:alpha (opacity=100,finishopacity=0,style=0); width: width; height: High" >

</div>

"Code description" refers to the property: Modify the value of the corresponding can

Opacity: Transparency at the beginning

Finishopacity: Transparency at the end

style:0, average transparent 1, linear transparent 2, round transparent 3, diamond transparent

Fuzzy code

<div style= "Filter:blur (direction=135); width: filter width; height: filter height" align=center> <br>

</div>

"Code description"

(Direction direction (only multiples of 45 degrees such as: 45,90,135,180,225,270,315), filter width = Figure width +15, filter height = figure height +30)

Waveform Effect Code

<div style= "Filter:wave (freq=7,strength=9,lightstrength=5,phase=5); width: filter width; height: filter height" Align=center> < Br>

</div>

"Code description"

(Freq frequency (>0) strength amplitude strength (>0) Lightstrength Crest Strength (0~100

Higher and darker) phase start phase (0~100), filter width = figure width + amplitude Strength x2, Filter height = height + amplitude strength x2+10)

Wind-Blown effect code

<CENTER>

<table style= "Filter:alpha (opacity=100,style=2,finishopacity=0)" Cellspacing=5 cellPadding=0><TBODY< Center>

<table style= "Filter:wave (freq=11, strength=4, phase=6, lightstrength=10)"

Picture Static reflection Code

<p align=center><BR>

</p>

Circular gradient transparent (virtual light) code

<CENTER>

<table style= "Filter:alpha (opacity=100,style=2,finishopacity=0)" Cellspacing=5 cellPadding=0><TBODY>

<TR><TD width= picture width background= picture address height= picture height ></TD></TR>

</TBODY>

</TABLE>

</CENTER>

Flip the code around

Or

<div style= "FILTER:FLIPH; width: width; height: High" ></div>

Flip code up and down

Or

<div style= "FILTER:FLIPV; width: width; height: High" ></div>

Gray Format Code

Or

<div style= "Filter:gray; width: width; height: High" ></div>

X Light Effect Code

Or

<div style= "Filter:xray; width: width; height: High" ></div>

Color Swap Codes

Embossed Effect Code

<CENTER>

<table style= "FILTER:progid:DXImageTransform.Microsoft.Emboss ()" Cellspacing=5

Cellpadding=0>

<TBODY><TR><TD width= picture width background= picture address height= picture height ></TD></TR>

</TBODY>

</TABLE>

</CENTER>

Illuminated Border Code

<div style= "Filter:glow (color= #4A7AC9, strength=15); width: filter width; height: Filter High" align=center>

<br>

</div>

"Code description"

(color is a luminous color code, strength is luminous intensity, filter width = Figure width + luminous intensity x2, filter height = figure Height + luminous intensity x2 +10)

Projected border code

<div style= "Filter:shadow (color= #4A7AC9, direction=135); width: filter width; height: filter height ><br>

</div>

"Code description"

(color is the luminous color code, direction direction (can only be multiples of 45 degrees such as: 45,90,135,180,225,270,315), filter width = width of Figure +25)

Shadow border code

<div style= "Filter:dropshadow (color= #333333, offx=5,offy=5); width: filter width; height: filter height ><br>

</div>

"Code description"

(color is a luminous color code, OFFX horizontal displacement Offy vertical displacement (can be positive negative), filter width = width + Horizontal Displacement absolute value + 10, filter height = figure Height + Vertical Displacement absolute value +20) picture various filter effects code

Web images various filter effect codes