Skip to content

Instantly share code, notes, and snippets.

@LockeBirdsey

LockeBirdsey/TwineTitleCard.css

Created February 3, 2020 11:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LockeBirdsey/ab6a1280d615b7bc9ab7da94071e89b7 to your computer and use it in GitHub Desktop.
Save LockeBirdsey/ab6a1280d615b7bc9ab7da94071e89b7 to your computer and use it in GitHub Desktop.
Download ZIP
Generate a text-only Title Screen for Twine using CSS
Raw
TwineTitleCard.css
/*
This centers some text on the screen and then you can
display some stuff under it to start the story
Place in the main Twine stylesheet
Use with:
@@.titlecard;
Title of the story
@@
*/
.titlecard {
text-align: center;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment