Community Learn Tools Library Leisure
search
English
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
952 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:


Related labels：
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
source：php.cn
Previous article：Modify the editing function of the post_javascript skills Next article：Javascript File Operation_Basic Knowledge
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2094
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2261
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1913
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1787
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1824
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template