Home > Web Front-end > JS Tutorial > Eleven filter effects for static images - does not support Ie7 and non-IE browsers. _Image special effects

Eleven filter effects for static images - does not support Ie7 and non-IE browsers. _Image special effects

WBOY
Release: 2016-05-16 19:18:06
Original
938 people have browsed it
Please create a new file TestImage.html
Note: Eleven filter effects for static images - do not support Ie7 and non-IE browsers.
Welcome to communicate with Yaoyue, net technology and software architecture
The content is as follows, (can be modified by yourself):
Copy the code The code is as follows:





测试图片效果





  
    原图
  
  
    
  
  
    
      半透明
opacity:开始处的透明度。

finishOpacity:结束处的透明度。


style:0为平均透明 1为线状透明 2为圆形透明 3为菱形透明

  
 
    
  
  
    

      左右翻转


  
  
    左右翻转
  
   
    

     上下翻转

  
  
    上下翻转
  
   
    

     灰度

  
  
    灰度
  
   
    

     X光

  
  
    X光
  
   
    

     色彩对换

  
  
    色彩对换
  
   
    

      发光边框

    color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10

  
  
    发光边框
  
   
    

      投影边框

color为发光颜色代码,direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25,濾鏡高=图高+40

  
  
    投影边框
  
   
    

      阴影边框

color为发光颜色代码,offX表示水平位移offY表示垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+2)



Shadow Border




                                                                                                                        < ;br />


blurred border

< tr>
                                                                                                                                                                                                              Waveform border Represents the peak intensity (0~100, the higher the darker), phase indicates the starting phase (0~100), filter width = image width amplitude intensity x2
Filter height = image high amplitude intensity x2 10



/2006-11-29/005/628/748/4609138/4609138.jpg" alt="Wave Border" />









The effect is as follows:


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template