[问题] css blur+jquery animate

楼主: KawasumiMai (さあ、死ぬがいい)   2014-08-18 00:58:38
css应该...是在这里讨论吧?
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: url(blur.svg#blur);
这是拿来雾化的css
会这么多行当然是拿来应付各个浏览器用的
然后最后一行,为什么用url
是因为前面那几行对firefox不知道为什么都没有效
只好用另外的方法
现在的问题是要怎样让他动态转换雾化程度
也就是从5px变成0px这样
上网看到的解法是
http://stackoverflow.com/questions/20082283/animate-css-blur-filter-in-jquery
用step
可是总觉得他效果的先后顺序不太一样
另外对firefox也无效
猜测是因为使用url
然而就算修改为url("")或更改为其他滤镜url(blur.svg#nonblur);
他还是无法做动态效果
请问这部分要怎么处理
作者: leochen0818 (Leo)   2014-08-18 17:54:00
CSS的话,应该去Web_Design问会好一点@@http://jsbin.com/rorowu/1/edit连结是小弟的解法,不过小弟目前测试是只有Chrome有作用,IE跟FF不甩我,所以就只有留下webkit的@@"至于其他浏览器的话,就再自行估狗囉!
作者: eight0 (欸XD)   2014-08-18 18:42:00
..那个 url 是滤镜 svg 档,要把它存在同目录底下才有用
楼主: KawasumiMai (さあ、死ぬがいい)   2014-08-19 10:52:00
url那个svg没问题,FF已经做出雾化了现在的问题不是出在雾化无法显示而是无法AnimateCSS3的部分貌似有解但FF只甩svg,而svg吃档案又好像无法计算补间也无法切换svg,才会有这个问题

Links booklink

Contact Us: admin [ a t ] ucptt.com