• CSS Filter


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_tw" lang="zh_tw">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>IE濾鏡特效 | 摩刻部落 https://www.moke.tw/wordpress/IEfilterTest.htm</title>
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-5167541-7']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    <script language="javascript"><!--
    function showFilter_1() {
        ie_object_1.filters.item(0).apply();
        ie_object_1.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_1.filters.item(0).play();
    }
    function showFilter_2() {
        ie_object_2.filters.item(0).apply();
        ie_object_2.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_2.filters.item(0).play();
    }
    function showFilter_3() {
        ie_object_3.filters.item(0).apply();
        ie_object_3.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_3.filters.item(0).play();
    }
    function showFilter_4() {
        ie_object_4.filters.item(0).apply();
        ie_object_4.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_4.filters.item(0).play();
    }
    function showFilter_5() {
        ie_object_5.filters.item(0).apply();
        ie_object_5.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_5.filters.item(0).play();
    }
    function showFilter_6() {
        ie_object_6.filters.item(0).apply();
        ie_object_6.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_6.filters.item(0).play();
    }
    function showFilter_7() {
        ie_object_7.filters.item(0).apply();
        ie_object_7.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_7.filters.item(0).play();
    }
    function showFilter_8() {
        ie_object_8.filters.item(0).apply();
        ie_object_8.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_8.filters.item(0).play();
    }
    function showFilter_9() {
        ie_object_9.filters.item(0).apply();
        ie_object_9.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_9.filters.item(0).play();
    }
    function showFilter_10() {
        ie_object_10.filters.item(0).apply();
        ie_object_10.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_10.filters.item(0).play();
    }
    function showFilter_11() {
        ie_object_11.filters.item(0).apply();
        ie_object_11.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_11.filters.item(0).play();
    }
    function showFilter_12() {
        ie_object_12.filters.item(0).apply();
        ie_object_12.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_12.filters.item(0).play();
    }
    function showFilter_13() {
        ie_object_13.filters.item(0).apply();
        ie_object_13.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_13.filters.item(0).play();
    }
    function showFilter_14() {
        ie_object_14.filters.item(0).apply();
        ie_object_14.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_14.filters.item(0).play();
    }
    function showFilter_15() {
        ie_object_15.filters.item(0).apply();
        ie_object_15.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_15.filters.item(0).play();
    }
    function showFilter_16() {
        ie_object_16.filters.item(0).apply();
        ie_object_16.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_16.filters.item(0).play();
    }
    function showFilter_17() {
        ie_object_17.filters.item(0).apply();
        ie_object_17.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_17.filters.item(0).play();
    }
    function showFilter_18() {
        ie_object_18.filters.item(0).apply();
        ie_object_18.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_18.filters.item(0).play();
    }
    function showFilter_19() {
        ie_object_19.filters.item(0).apply();
        ie_object_19.src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg";
        ie_object_19.filters.item(0).play();
    }
    --></script>
    </head><body>
     
    <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
    <a href="http://www.histats.com" target="_blank" title=""><script type="text/javascript">
    try {Histats.start(1,1553679,4,0,0,0,"");
    Histats.track_hits();} catch(err){};
    </script></a>
    <noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1553679&101" alt="" border="0"></a></noscript>
     
    <h2>IE濾鏡特效</h2>
    <p>跳出 ActiveX 警告視窗時,請允許執行。</p>
    <table border="1" width="100%" cellspacing="0" cellpadding="5" style="border-collapse: collapse;margin-bottom:20px;" bordercolor="#808080">
    <tr>
    <th>Alpha</th>
    <th>Blur</th>
    <th>FlipH、FlipV</th>
    <th>Gray</th>
    <th>Invert</th>
    </tr>
    <tr style="text-align:center">
    <td><img style="filter:alpha(opacity=40)" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:blur(add=1,strength=20,direction=270);" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:flipH;" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:gray;" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:invert;" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    </tr>
    <tr>
    <th>Xray</th>
    <th>Wave</th>
    <th>Chroma</th>
    <th>Dropshadow</th>
    <th>Glow</th>
    </tr>
    <tr style="text-align:center">
    <td><img style="filter:xray;" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:wave(add=0,freq=2,lightstrength=50,phase=45,strength=10);" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    <td><img style="filter:chroma(color=#114CCE);" src="https://lh5.googleusercontent.com/_SAlWJ_xow1Y/TEwRvVCHPAI/AAAAAAAABV4/nz6nIc3Tt1E/omew_logo.gif"></td>
    <td style="filter:dropshadow(color=gray,offx=3,offy=3,positive=1);"><img src="https://lh5.googleusercontent.com/_SAlWJ_xow1Y/TEwRvVCHPAI/AAAAAAAABV4/nz6nIc3Tt1E/omew_logo.gif"></td>
    <td style="filter:glow(color=yellow,strength=5);"><img src="https://lh5.googleusercontent.com/_SAlWJ_xow1Y/TEwRvVCHPAI/AAAAAAAABV4/nz6nIc3Tt1E/omew_logo.gif"></td>
    </tr>
    <tr>
    <th>Mask</th>
    <th>Shadow</th>
    <th><a href="javascript:showFilter_1();">Barn</a></th>
    <th><a href="javascript:showFilter_2();">Blinds</a></th>
    <th><a href="javascript:showFilter_3();">CheckerBoard</a></th>
    </tr>
    <tr style="text-align:center">
    <td style="filter:mask(color=black);"><img src="https://lh5.googleusercontent.com/_SAlWJ_xow1Y/TEwRvVCHPAI/AAAAAAAABV4/nz6nIc3Tt1E/omew_logo.gif"></td>
    <td style="filter:shadow(color=black,direction=135);"><img src="https://lh5.googleusercontent.com/_SAlWJ_xow1Y/TEwRvVCHPAI/AAAAAAAABV4/nz6nIc3Tt1E/omew_logo.gif"></td>
    <td><img name="ie_object_1" style="filter:progid:DXImageTransform.Microsoft.Barn(duration=4);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_2" style="filter:progid:DXImageTransform.Microsoft.Blinds(direction=top,duration=2,bands=13);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_3" style="filter:progid:DXImageTransform.Microsoft.Checkerboard(direction=right,duration=2);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    </tr>
    <tr>
    <th><a href="javascript:showFilter_4();">Fade</a></th>
    <th><a href="javascript:showFilter_5();">GradientWipe</a></th>
    <th><a href="javascript:showFilter_6();">Inset</a></th>
    <th><a href="javascript:showFilter_7();">Iris</a></th>
    <th><a href="javascript:showFilter_8();">Pixelate</a></th>
    </tr>
    <tr style="text-align:center">
    <td><img name="ie_object_4" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_5" style="filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_6" style="filter:progid:DXImageTransform.Microsoft.Inset();" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_7" style="filter:progid:DXImageTransform.Microsoft.Iris(duration=3);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_8" style="filter:progid:DXImageTransform.Microsoft.Pixelate();" src="https://lh6.googleusercontent.com/_SAlWJ_xow1Y/TEwRvWxs0nI/AAAAAAAABV0/sYw2BVpMZQY/omew.jpg"></td>
    </tr>
    <tr>
    <th><a href="javascript:showFilter_9();">RadialWipe</a></th>
    <th><a href="javascript:showFilter_10();">RandomBars</a></th>
    <th><a href="javascript:showFilter_11();">RandomDissolve</a></th>
    <th><a href="javascript:showFilter_12();">Slide</a></th>
    <th><a href="javascript:showFilter_13();">Spiral</a></th>
    </tr>
    <tr style="text-align:center">
    <td><img name="ie_object_9" style="filter:progid:DXImageTransform.Microsoft.RadialWipe(duration=2);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_10" style="filter:progid:DXImageTransform.Microsoft.RandomBars(duration=2);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_11" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve();" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_12" style="filter:progid:DXImageTransform.Microsoft.Slide(duration=2,bands=5,slideStyle=PUSH);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_13" style="filter:progid:DXImageTransform.Microsoft.Spiral(duration=1,gridSizeX=5,gridSizeY=2);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    </tr>
    <tr>
    <th><a href="javascript:showFilter_14();">Stretch</a></th>
    <th><a href="javascript:showFilter_15();">Strips</a></th>
    <th><a href="javascript:showFilter_16();">Wheel</a></th>
    <th><a href="javascript:showFilter_17();">ZigZag</a></th>
    <th><a href="javascript:showFilter_18();">RevealTrans</a></th>
    </tr>
    <tr style="text-align:center">
    <td><img name="ie_object_14" style="filter:progid:DXImageTransform.Microsoft.Stretch(duration=2,stretchStyle=SPIN);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_15" style="filter:progid:DXImageTransform.Microsoft.Strips();" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_16" style="filter:progid:DXImageTransform.Microsoft.wheel();" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_17" style="filter:progid:DXImageTransform.Microsoft.ZigZag();" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    <td><img name="ie_object_18" style="filter:progid:DXImageTransform.Microsoft.revealTrans(duration=5,transition=23);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    </tr>
    <tr>
    <th><a href="javascript:showFilter_19();">BlendTrans</a></th>
    <th colspan="4" rowspan="2"><a href="http://www.moke.tw/wordpress">返回 [摩刻部落]</a></th>
    </tr>
    <tr style="text-align:center">
    <td><img name="ie_object_19" style="filter:BlendTrans(duration=5);" src="https://lh3.googleusercontent.com/_SAlWJ_xow1Y/TFt7U7egy4I/AAAAAAAABuY/56xZhABQyFw/70245e2f03ad576b6ce8b5f9717a6931.gif"></td>
    </tr>
    </table>
    </body></html>

    http://www.htmleaf.com/Demo/201502021315.html

  • 相关阅读:
    windows上安装xampp和dvwa
    CentOS 7上安装Vtiger CRM Open Source Edition
    快速建站(lnmp)
    centos7中jdk安装
    centos7中apache安装
    centos7中mysql安装
    再探决策树算法之利用sklearn进行决策树实战
    决策树算法初探
    定制化自己的itchat
    itchat初探
  • 原文地址:https://www.cnblogs.com/linr/p/6862262.html
Copyright © 2020-2023  润新知