Snippets/Movie Credits

Description
This snippet is for producing a moving scroll that moves up just like Movie Credits do.

Visual Example
Unfortunately since this is a css animation effect it's impossible to show when the css is not included on the page.

Usage
Usage is super, super easy. Just drop text, photo(s), galleries, videos, etc., in after the divisors. In the CSS just decide how the animation will function. The CSS below is written with Mediawiki variables. THE CSS WILL NOT WORK UNLESS YOU CHANGE THE VARIABLES TO ACTUAL NUMBERS, WORDS, ETC. You can also keep the css below with variables inside a template if you're using the css per page extension.

The "sealoff" divisor is important to keep the content inside the normal wiki page. Without it weird things happen like having the text scroll below & behind the wiki preview function. Example:

Code
CSS Movie Credits

Sites that are or will be using this CSS
(Please list yourself)

Yellpedia