jquery .animate()에 애니메이션이 적용되지 않았습니다.

답변에 대한 답변 : jquery animate .css을 사용하여 .animate() jquery 함수를 사용하고 자습서 on the jquery site을 따랐습니다.

그러나 작동하지 않습니다. 다음은 jsbin에 대한 코드입니다. http://jsbin.com/epojaw/2 텍스트 위에 마우스를 가져 가면 주위의 테두리가 희미 해져야하지만 갑자기 나타납니다.

왜 이런가요?

2012-06-21 dukevin

경계의 너비를 0px에서 1px로 변경하여 페이드 효과를 사용 중입니다. 단계 크기가 1px라고 가정하므로 예. 즉시 나타납니다.

테두리 색을 사용하여 예를 들어 흰색에서 빨간색으로 페이드 인을 만들 수 있습니다. 그렇다면 jQuery는 더 많은 단계를 수행 할 수 있으며 효과는 더 잘 작동합니다.

2012-06-21 10:40:24 Veger

내가의 borderColor을 바꿀 것입니까? borderColor : rgba (x, x, x, 0)를 할 수 있습니까? – dukevin

테두리 색상 애니메이션에 대한 자세한 내용은 http://stackoverflow.com/questions/813493/jquery-animate-border-color-on-hover를 확인하십시오. – Veger

@KevinDuke 방금 테스트 해봤지만 그렇지 않습니다. 이론적으로 단계 기능을 사용하여 수동으로 직접 만들 수 있습니다. –

당신이 애니메이션 10px의 테두리 폭 넣으면 경계는

(1)에 의해 경계 (1)의 폭을 애니메이션 때문입니다 : http://jsbin.com/utiwoy/3

2012-06-21 10:40:57

답변