search

rstacruz / jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery
http://ricostacruz.com/jquery.transit
7.3k stars 864 forks source link

No simultaneous transitions on an element? #244

Open mblais opened 5 years ago

mblais commented 5 years ago

Simultaneous transitions on a single element don't seem to work if using multiple calls to $.transit(). For example:

$w.transit( {opacity: 0.3, queue: false, duration:1500} );
$w.transit( {scale:   0.5, queue: false, duration:1200} );

Only scale is animated; opacity jumps immediately from its current value to 0.3.

Thus it seems impossible with jquery.transit to animate two different css properties of an object at the same time, if the transitions have different durations or delays (or if you have other reasons to want to separate the animations into distinct calls to $.transit().

ghost commented 5 years ago

use a single $.transit({opacity: 0.3, scale: 0.5}) for Simultaneous transitions

mblais commented 5 years ago

Right, but that only allows for a single duration and delay for all the parameters.

On Sat, Apr 27, 2019, 7:46 PM vinnielazio notifications@github.com wrote:

use a single $.transit({opacity: 0.3, scale: 0.5}) for Simultaneous transitions

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/rstacruz/jquery.transit/issues/244#issuecomment-487336382, or mute the thread https://github.com/notifications/unsubscribe-auth/AACEZEM26QOUOQFTJ5KXO4DPSUFZDANCNFSM4GPR6SWA .