User Tools

Site Tools


Sidebar

Passage markup

basics

coding

extra

list

section

whitespace

Macros

basics

colour

data structure

date and time

game state

live

maths

number

revision

saving

showing and hiding

string

styling

url

deprecated

Types of data

Special keywords

Special passage tags

harlowe:transition

(transition: String) → Changer

Also known as: (t8n:)

A command that applies a built-in CSS transition to a hook as it appears.

Example usage:

(t8n: "pulse")[Gleep!] makes the hook [Gleep!] use the “pulse” transition when it appears.

Details:

At present, the following text strings will produce a particular transition: * “instant” (causes the hook to instantly appear) * “dissolve” (causes the hook to gently fade in) * “flicker” (causes the hook to roughly flicker in - don't use with a long (transition-time:)) * “shudder” (causes the hook to instantly appear while shaking back and forth) * “rumble” (causes the hook to instantly appear while shaking up and down) * “slide-right” (causes the hook to slide in from the right) * “slide-left” (causes the hook to slide in from the left) * “pulse” (causes the hook to instantly appear while pulsating rapidly)

All transitions are 0.8 seconds long, unless a (transition-time:) command is added to the command.

You can't combine transitions by adding them together, like you can with (text-style:) - (t8n:"dissolve")+(t8n:"shudder") won't make a transition that simultaneously dissolve-fades and shudders.

See also:

harlowe/transition.txt · Last modified: 2019/04/16 03:20 by l