compass-ceaser-easing icon indicating copy to clipboard operation
compass-ceaser-easing copied to clipboard

Multiple attribute

Open polikin opened this issue 12 years ago • 3 comments

it is possible to animate multiple attribute?

like this:

@include transition(transform 0.8s ease, width 1s ease);
@include transition-delay(0s, 0.7s);

polikin avatar Oct 03 '13 21:10 polikin

Sounds what you are looking for is an animation and not a transition. Any more detail in what you are trying to do and maybe I could help you out a bit more.

jhardy avatar Oct 11 '13 16:10 jhardy

I want to add a transition on different property with a different delay for each.

ex: @include transition(width 0.3s ease, height 0.3s ease); @include transition-delay(0.6s, 3s);

but with ceaser, this only thing we can do is all or specific property (ex:width) @include ceaser-transition(all,0.3s, $easeInOutCirc); or @include ceaser-transition(width,0.3s,$easeInOutCirc);

It will be nice if we can do it like this: @include ceaser-transition((width 0.3s ease, height 0.6s ease),0.3s, $easeInOutCirc);

polikin avatar Oct 11 '13 16:10 polikin

Sorry misunderstood the previous request, this should be easy to do, I'll whip up a demo here in a bit.

jhardy avatar Oct 12 '13 13:10 jhardy