State Manager
ID:
show_modal
OFF
Container Transform show_modal
This is a Modal

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"

This modal is set to position "fixed"

It also as an original opacity of 0 and a margin-top of 100%

When the show_modal state is triggered to ON the transform is applied changing the opacity to 1.00 & the margin-top to 0px.

Content Container

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"

This is just a container for looks.

When the show_modal state is turned on with the button below, the modal will fade in.