Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall
the filter effect of the picture
: Insert the picture and enter the original code edit mode, find the inserted Picture Code field, modify it.
like inserting the right image and clicking "Show the original code" to find the appropriate code. For:
<img src= "Http://blog.sina.com.cn/pic/56d016d6020000n3" >
1. Transparent effect
format:
<img src= "picture address" style= "Filter:alpha (opacity=100,finishopacity=0,style=0)" >
or
<div style= "Filter:alpha (opacity=100,finishopacity=0,style=0); width: wide; Height: High" ><img src= "picture Address" > </div>
Related properties: Modify the value of the corresponding
opacity: Transparency at the beginning
finishopacity: Transparency at the end
style:0, average transparent 1, linear transparent 2, circular transparent 3, diamond transparent
Effect:
opacity=50,finishopacity=0,style=0
opacity=100,finishopacity=0,style=1
opacity=100,finishopacity=0,style=2
opacity=100,finishopacity=0,style=3
2. Flip Effect
Flip Format:
<img src= "picture address" style= "Filter:fliph" >
or
<div style= "FILTER:FLIPH; width: wide; Height: High" ><img src= "picture address" ></div>
up and down flip format:
<img src= "picture address" style= "FILTER:FLIPV" >
or
<div style= "FILTER:FLIPV; width: wide; Height: High" ><img src= "picture address" ></div>
Effect:
3. Modulation effect
Gray modulation format:
<img src= "picture address" style= "Filter:gray" >
or
<div style= "filter:gray; width: wide; Height: High" ><img src= "picture address" ></div>
X-ray effect:
<img src= "picture address" style= "Filter:xray" >
or
<div style= "filter:xray; width: wide; Height: High" ><img src= "picture address" ></div>
Color Swap:
<img src= "picture address" style= "Filter:invert" >
or
<div style= "filter:invert; width: wide; Height: High" ><img src= "picture address" ></div>
Effect:
4. Border effects (from small margin)
luminescence: (color is the luminous colour code, strength is the luminous intensity, the filter width = the width of the plot + luminous intensity x2
Filter High = Figure High + luminous intensity x2+10)
<div style= "Filter:glow (color= #4A7AC9, strength=15); width: filter wide; height: Filter High" align=center><br>< IMG src= "Picture address" ></div>
projection: (color for the luminous colour code, direction direction (can only be a multiple of 45 degrees, such as: 45,90,135,180,225,270,315), filter width = width of +25)
Filter height = Fig. 40
<div style= "Filter:shadow (color= #4A7AC9, direction=135); width: filter wide; height: Filter High" align=center><br> <img src= "Picture address" ></div>
Shadow: (Color for the luminous colour code, OFFX horizontal displacement Offy vertical displacement (can be positive and negative), filter width = width + Horizontal Displacement absolute value +10, filter height = Figure High + vertical Displacement absolute value +20
<div style= "Filter:dropshadow (color= #333333, offx=5,offy=5); width: filter wide; height: Filter High" align=center><br ><img src= "Picture address" ></div>
Blur: (Direction direction (can only be 45 degree multiples such as: 45,90,135,180,225,270,315), filter width = width +15, filter height = figure +30)
<div style= "Filter:blur (direction=135); width: filter wide; height: Filter High" align=center><br><img src= "picture Address" ></div>
Waveform: (Freq frequency (>0) strength amplitude intensity (>0) lightstrength crest strength (0~100 higher black) phase starting phase (0~100), filter width = plot width + amplitude strength x2
Filter High = Figure High + amplitude strength x2+10)
<div style= "Filter:wave (freq=7,strength=9,lightstrength=5,phase=5); width: filter width; height: Filter High" align=center> <br><img src= "Picture address" ></div>
Effect:
