Home

.banner {
height: 30px; /* Set the banner height */
overflow: hidden; /* Hide the content that overflows the banner */
background-color: #333; /* Set the banner color */
}

.banner p {
color: #fff; /* Set the text color */
font-size: 20px; /* Set the font size */
margin: 0; /* Remove the default margin */
line-height: 30px; /* Set the line height to match the banner height */
animation: scroll-left 10s linear infinite; /* Animate the banner scrolling from right to left */
}

/*
* Keyframes for the scroll-left animation.
* The animation moves the text to the left and resets it to the right when it reaches the end.
*/
@keyframes scroll-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}

Get new content delivered directly to your inbox.