Scrolling Text

Scrolling Text really is not recommended because

  • It is distracting to the viewer
  • It is not friendly to users with disabilities
  • It is against W3C Guidelines

But here is a method. The HTML is embedded using the Code option of the Embed function. I got the code from https://www.quackit.com/css/codes/marquees/

<!DOCTYPE html>

<title>Example</title>


<!-- Styles -->

<style>

.example3 {

/*Adjust height on next line to allow for more entries*/

height: 430px;

overflow: hidden;

position: relative;

}

.example3 h3 {

position: absolute;

width: 100%;

height: 100%;

margin: 0;

line-height: 50px;

text-align: center;

/* Starting position */

-moz-transform:translateY(-100%);

-webkit-transform:translateY(-100%);

transform:translateY(-100%);

/* Apply animation to this element */

-moz-animation: example3 15s linear infinite;

-webkit-animation: example3 15s linear infinite;

animation: example3 15s linear infinite;

}

/* Move it (define the animation) */

@-moz-keyframes example3 {

0% { -moz-transform: translateY(-100%); }

100% { -moz-transform: translateY(100%); }

}

@-webkit-keyframes example3 {

0% { -webkit-transform: translateY(-100%); }

100% { -webkit-transform: translateY(100%); }

}

@keyframes example3 {

0% {

-moz-transform: translateY(-100%); /* Firefox bug fix */

-webkit-transform: translateY(-100%); /* Firefox bug fix */

transform: translateY(-100%);

}

100% {

-moz-transform: translateY(100%); /* Firefox bug fix */

-webkit-transform: translateY(100%); /* Firefox bug fix */

transform: translateY(100%);

}

}

</style>


<!-- HTML -->

<div class="example3">

<h3>Major General Alvin C. Gillem Jr., April 1941 to January 1942<br>Major General Walton H. Walker, January 1941 to August 1942<br>Major General Leroy R. Watson, August 1942 to August 1944<br>Major General Maurice Rose, August 1944 to March 1945 KIA<br>Brigadier General Doyle O. Hickey, March to June 1945<br>Brigadier General Truman E. Boudinot, June & July 1945<br>Brigadier General Frank A. Allen, Jr., July 1945<br>Major General Robert W. Grow, July 1945 until inactivation<br>Notable Commanders, 3rd Armored Division</h3>

</div>