0 votes
by (260 points)

Hi there,

Super new to Twine and I'd really like to add a 'pulse' effect to my text to resemble a phone buzzing, but I can't seem to figure it out!

The only other dynamic text effect I'm using is a slow fade. I've got this on my Stylesheet:

.slowfade .macro-repeat-insert,
.slowfade .macro-timed-insert {
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}

Followed by this on my page in html:

<span class="slowfade">

text

</span>

I've tried adding these macros suggested here onto my Stylesheet, but I can't seem to get any of them to work using the @.effect text @@.

Any ideas?

Thanks very much Twine community!

1 Answer

0 votes
by (149k points)
selected ago by
 
Best answer

This comment in the Examples of jQuery and CSS animations question includes an example of how to use the CSS based Text Styling Effects I converted for SugarCube.based on those contained within Harlowe v2.1.0

ago by (260 points)
edited ago by

Hey there, thanks for this! It works great!

Trying to figure out how I can have the shudder effect only animate for 1s. I tried to use

animation-duration: 1s;

and

animation-iteration-count: 1;

but neither worked. Anyone know what I'm missing?

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.
...