working firefox marquee thingo
<style>
.marquee {
display: flex;
gap: 5px;
justify-content: center;
}
.marquee_inner { width: 100%; overflow: hidden; }
.scroller {
width: 100%; /* fit-content STRONGLY preferred */
padding-left: 100%;
display: flex;
flex-direction: row;
animation: horizMarquee 10s linear infinite;
}
.scroller:hover { animation-play-state: paused; }
@keyframes horizMarquee {
100% {
transform: translate(-100%, 0);
}
}
</style>
<body>
<div class="marquee">
<div class="marquee-inner">
<div class="scroller">
<p>wow this is a neat-ass marquee</p>
</div>
</div>
</div>
</body>
Public Last updated: 2026-02-11 01:23:54 AM
