[問題] css blur+jquery animate
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);
他還是無法做動態效果
請問這部分要怎麼處理
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.42.106.169
※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1408294722.A.9A0.html
推
08/18 17:54, , 1F
08/18 17:54, 1F
→
08/18 17:54, , 2F
08/18 17:54, 2F
→
08/18 17:55, , 3F
08/18 17:55, 3F
→
08/18 17:56, , 4F
08/18 17:56, 4F
→
08/18 17:58, , 5F
08/18 17:58, 5F
推
08/18 18:42, , 6F
08/18 18:42, 6F
→
08/19 10:52, , 7F
08/19 10:52, 7F
→
08/19 10:52, , 8F
08/19 10:52, 8F
→
08/19 10:53, , 9F
08/19 10:53, 9F
→
08/19 10:53, , 10F
08/19 10:53, 10F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
6
32
