JQuery의 안개/흐림 효과 애니메이션

Question

foggy Jquery plugin을 사용하여 내 사이트의 텍스트 요소를 흐리게 표시합니다. 몇 초가 걸릴 수있는 코드가 필요합니다. blurRadius X (링크 참조)에서 blurRadius : 1 (일반 텍스트를 의미)까지 흐림 효과를 애니메이션으로 전달하여 함수에 전달하는 시간 (초)을 초월합니다.

그래서 함수를 호출하고 초 단위로 시간을 전달하면 안개 흐림 효과가 애니메이션으로 표시됩니다. 현재 라이브러리는 정적 효과를 즉시 지원합니다. 그러나 우리가 어떤 종류의 타이머를 사용하면 효과를 애니메이트 할 수 있습니다. 이러한 유형의 애니메이션을 제작하는 코드에 도움이 필요합니다. 감사.

다른 플러그인에 대해 열려 있습니다. 그러나 Foggy Plugin은 IE에 대한 대체 기능을 지원합니다 (불투명도 만 사용).

Answer 1

오래 전, 그러나 여기 간단한 해결책 적어도 힌트 :

BlurPass.prototype.render = function(target){ 
$('<div/>', { 
    html: this.content, 'class': 'foggy-pass-'+this.position 
}).css({ 
    position: this.position, 
    opacity: this.opacity, 
    top: this.offset[0], 
    left: this.offset[1] 
}).appendTo(target).fadeIn('slow'); 
}; 

그냥 .fadeIn 추가가 ('느린'); ~ append-func

도 참조하십시오. jQuery using append with effects