0 votes
asked by (2.7k points)
Is it possible to disable the fade in/fade out sequence so that passages load instantly? I noticed some other twine games have this, does anybody know the JavaScript/CSS required for it?

2 Answers

0 votes
answered by (125k points)
selected by
Best answer

EDIT: It looks like TME finished writing before I did.

If you look at the content of the core-passage.css file referenced in the story format's CSS documentation you will see that two CSS rules named: .passage and .passage-in.

The first is applied to the Passage area and assigns an opacity related transition effect, the second is used within the process that handles moving from one passage to another. (eg the 'fade-in' effect).

You can use CSS like the following within your Story Stylesheet area to remove the passage's transition effect.

.passage {
	transition-property: none;

note: there will still be a very slight delay even after removing the CSS based transition effect.

0 votes
answered by (59.3k points)

To disable the passage navigation fade in—there is no fade out by default—put something like the following into your stylesheet:

.passage {
	transition: none;


Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.