불투명도가 1 - 0 인 클립 jquery 애니메이션에 애니메이션 적용

Question

매우 간단합니다. 클립 애니메이션이있는 상자가 있고 클립 효과 애니메이션과 동일한 시점에 불투명도를 1에서 0으로 변경하고 싶습니다. 어떻게해야합니까?

내 jQuery 코드는 다음과 같습니다

이

당신은 당신의 요소에이 CSS를 적용 할 수 :

$(this).show(0).delay(700).toggle("clip"); 

Answer 1

내가 불투명도가 변경 될 때 페이딩 효과가 CSS와 jQuery를 혼합하여 사용하는 것이

다음

#your-element { 
    opacity: 1; 
    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out; 
    } 

그리고 :

$(this).show(0).delay(700).toggle("clip").css('opacity', '0');