jQuery 애니메이션 중 중첩 된 요소의 불투명도 변경 또는 동시 jQuery 애니메이션 실행

Question

jQuery 애니메이션 중에 중첩 요소의 불투명도를 변경하는 방법이 있습니까?

상위 500px (상위 500 자) 위로 이동하려고합니다. 내가 Nested1 100 %에서 원하는 -> 25 % 불투명도 (불투명도 : 0.25) - :

이 할 수있는 방법이 있나요> 100 % 불투명도 (1 불투명도) 나는 0 %에서에 Nested2 줄까? 아니면 동시 jQuery 애니메이션을 실행해야합니까?

동시 jQuery 애니메이션을 실행해야하는 경우 어떻게해야합니까?

Answer 1

jQuery를 사용하여 동시 애니메이션을 만들 수 있습니다. 그러나 부모 요소와 다른 자식 요소의 불투명도를 갖는 것은 불가능합니다. 브라우저에서 지원하지 않습니다.

$(function() { 
    $("#element1").animate({ 
     top: '-=500px' 
    }, { duration: 200, queue: false }); 
    $("#element2").animate({ 
     opacity: '25%' 
    }, { duration: 200, queue: false }); 
});