T8n transition time

Authoring Twine
1

Is there anyway to modify this so it will take about 1.5 seconds compared to its default of like .5 seconds? I know the timed macro can do what I want, as well as using jquery fadeIn, but with a lot of my story wrote using just t8n, don’t want to go back and add 300 timed macros…thanks

If you are requesting technical assistance with Twine, please specify:
Twine Version: 2.3.15
Story Format: sugarcube 2.34

Please place any example Twine code you provide between three back-ticks 
on a separate line before and after the code like this
so it is monospaced and copyable for testing!
2

The built-in core-macro.css defines the transitions like this:

.macro-linkappend-insert,
.macro-linkprepend-insert,
.macro-linkreplace-insert,
.macro-append-insert,
.macro-prepend-insert,
.macro-replace-insert,
.macro-repeat-insert,
.macro-timed-insert {
	transition: opacity 400ms ease-in;
}

But if you copy that into your story’s stylesheet and change the 400ms to however long you want, it’ll override the default style. So for 1.5 seconds, that’s 1500ms, and it should affect every macro with a t8n argument.

2 Likes
3

Thank you Charm, exactly what I needed

1 Like