Timedcontinue fade in trouble

[Katherine Verhoeven]

Hi

I'm making my first twine game, and am new to CSS as well. So far I'm managing alright, but a reoccurring problem I'm having is knowing where to paste things (under script? stylesheet? other?).

My current problem stems from a desire to use timedcontinue with a fade in effect.

.timedcontinue.replacement-in {
opacity: 0;
}
.timedcontinue {
transition: 1s;
-webkit-transition: 1s;
}
.timedcontinue.replacement-out {
opacity: 0;
}

But having tried it in several passages (at the end/beginning of the macro script, in with the stylesheet), everything causes my build to preview with an error. Not using it makes the timedcontinue choppy and ugly.

I've tried googling a solution, but while there are plenty of resources to find the fade code, none of them explain how to use it.

Thanks for any help!

[Leon Arnott]

CSS code goes in a passage labeled "stylesheet". 

Lacking other information, I suspect the error message is emitted because the macro code was pasted in incorrectly. CSS errors do not emit messages. Maybe try re-inserting it?

Also, <<timedcontinue>> doesn't create elements with a "timedcontinue" class - it uses "timedreplacement", since it's just a syntactic variation of <<timedreplace>>. Hmm, do you think I should change it?

[Katherine Verhoeven]

Maybe I should try changing those tags to timedreplace, it just seems to add a lot of additional tagsI thought I could avoid by using the simpler timedcontinue.

I've been pasting the fade CSS in a 'stylesheet' passage, at the end of the CSS for the Timedreplace/continue macro. I am not sure if it should go in its own stylesheet, or somewhere else within the preexisting stylesheet.

Thanks

[Katherine Verhoeven]

Problem solved!!

Thanks for the help <3

[Leon Arnott]

I hope you didn't misunderstand my post - you use the same CSS for <<timedreplace>>, <<timedcontinue>> and whatever. Changing the macros used wouldn't alter things if the CSS is incorrect (which the sample you posted was).

[Tory H]

I'm pretty late to the party, but this thread got my <<timedcontine>> macro and transitioning CSS both working beautifully.

I can't tell you how much enjoyment I'm getting out of your macros, Leon! Thank you so much for sharing your work!