Revision Macro speed issue

Edje

I'm using Leon Arrnot's replace/revise macros but I cannot get my revision to swap smoothly like in his examples:
http://www.glorioustrainwrecks.com/files/TwineMacro-RevisionTest.html#4.3
instead i have the new string/entry appears on the far end of the original before it pops out of existence and slides over.

any guesses as to whats causing this error?

Sharpe

Posting a Twine story file (.tws) might help diagnose the problem.

Edje

Sorry here is an example file

Sharpe

Ah-ha!

After reviewing your TWS, I noticed you don't have the CSS copied over. In the instructions, it tells you to add some CSS, but you must not have noticed that.

Add this to a stylesheet (a stylesheet is any passage with the tag "stylesheet" without quotes):

.revision-span-in {
opacity: 0;
}
.revision-span:not(.revision-span-out) {
transition: 1s; -webkit-transition: 1s;
}
.revision-span-out {
position:absolute;
opacity: 0;
}

That seemed to fix it for me!

mostly useless

I know at least two others that have made the same mistake (myself included!) This is no fault of L's of course, but it might be nice to have a foolproof guide to installing his and other macros for the uninitiated. Is there one already? A stickied post with basic CSS tips would be cool too, but I'm certainly not qualified to write one.