Internet Explorer provides for some really interesting CSS image effects. Of course, these effects are useless in any other browser (just how Microsoft intended) but they should be used like any other browser-dependent functionality -- used as enhancements only.
Internet Explorer提供了一些非常有趣CSS图像效果。 当然,这些效果在任何其他浏览器中都是无用的(只是微软的意图),但它们的使用方式应与其他任何与浏览器相关的功能一样,仅用作增强功能。
Note: Only IE users will see these image effects. Please switch to IE to experience the image effects.
注意:只有IE用户才能看到这些图像效果。 请切换到IE体验图像效果。
原始图片 (Original Image)
水平翻转 (Horizontal Flip)
.hflip { filter:fliph; }
垂直翻转 (Vertical Flip)
.vflip { filter:flipv; }
海浪 (The Wave)
.wave { filter:wave(add = 0, freq = 5, lightstrength = 10, phase = 100, strength = 20); }
框架渐现 (Frame Fade)
.frame { filter:alpha(opacity = 100, finishopacity = 0, style = 3, startx = 20, starty = 40, finishx = 0, finishy = 0); }
X射线/反 (X-Ray / Inverse)
.xray { filter:xray; }
模糊 (Blur)
.blur { filter:blur(add = 0, direction = 300, strength = 10); }
灰阶 (Grayscale)
.gray { filter:gray; }
翻译自: https://davidwalsh.name/css-image-filters-internet-explorer