Rich-Harris / ramjet

Morph DOM elements from one state to another with smooth animations and transitions

Home Page:http://www.rich-harris.co.uk/ramjet/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ignore certain CSS properties?

mrmartineau opened this issue · comments

I would like to ignore opacity when using ramjet, is this possible? The reason is that i am fading in the target element when ramjet is triggered, because of this, ramjet correctly transitions the position to the correct place, but the opacity to 0. Does that make sense?

It sounds like your best bet is probably to set the opacity of the target element to 1, run ramjet, set opacity back to 0, then fade in:

target.style.opacity = 1;
ramjet.transform(source, target, {...});
target.style.opacity = 0;

fadeIn(target);

thanks @Rich-Harris. it looks better now.