Text Slideshow Code?

[Carver]

I hope that I am making myself a bit clear.

I am wondering if there is a code I could have that

is involving instead of an Image slideshow, but a

Text slideshow - but for HTML and not BBCode.


If you could help me, I'd very much appreciate it.

[Scott]

Carver ,
There's a lot you did not specify in your request that leave the "look" subjective, but in any case here's a starting point. Put the following code in either your header or footer, and of course replace the "your line of text here" with what you want.

<style>
.slider {
 height: 21px;
 font-size: 16px;
 overflow: hidden;
 text-align: center;
 background-color: lightgray;
}

.slider div, .slider div p {
 margin: 0;
 padding: 0;
}

.slider div {
 animation: slide 8s 2s infinite;
}

@keyframes slide {
 0% { margin-top: 0; }
 25% { margin-top: -18px; }
 50% { margin-top: -36px; }
 75% { margin-top: -54px; }
 100% { margin-top: 0; }
}
</style>
   
<div class="slider">
 <div>
   <p>
    Your line of text here
   </p>
   <p>
     Your line of text here.
   </p>
   <p>
     Your line of text here.
   </p>
   <p>
     Your line of text here
   </p>
 </div>
</div>