giangtranguyen: (Default)
[personal profile] giangtranguyen posting in [community profile] twine_tutorials
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

.css-typing {
width: 30em;
white-space: nowrap;
overflow: hidden;
-webkit-animation: type 5s steps(75, end);
animation: type 5s steps(75, end);
}
 
@keyframes type {
from { width: 0; }
 
@-webkit-keyframes type {
from { width: 0; }
}

In order for it to work, you need to copy and paste the code into the passage that you want to have the typerwriter effect.

For example:

{(live:750ms)[<p class="css-typing">Haikyuu!!</p>(stop:)]}

Profile

Twine Tutorials

April 2018

S M T W T F S
1234567
8910111213 14
15161718192021
22232425262728
2930     

Style Credit

Expand Cut Tags

No cut tags
Page generated Friday, 22 August 2025 11:53 pm
Powered by Dreamwidth Studios