[13年迁移]firefox运用svg模仿ie dropshadow filter

svg是一种矢量图形描述.ie9开始支持.而火狐下的特有属性可以使用其作为滤镜,用filter:url(xxx#id)引用就行,xxx#id其实就是一个描点链接,直接描点链接到你想要的svg节点.svg节点可以直接放在页面里,或者放在.svg文件里

来源"内存溢出"的一个Q&A,具体示范网站
http://demosthenes.info/blog/600/Creating-a-True-CrossBrowser-Drop-Shadow-Effect-With-CSS3-amp-SVG

随便说下bordershadow(边框阴影)滤镜,可以用css3的一个新属性替代,不过这不是这次要的

posted @ 2014-10-04 19:55  Frenzy  阅读(258)  评论(0编辑  收藏  举报