Untitled

dabblet.css

.outer {
	width: 100px;
	overflow: hidden;
	border: 1px solid #000;
}

.inner {
    white-space: nowrap;
    transform: translate(0, 0);
    transition: transform 0.3s;
    animation: ad-marquee-wrapper 5s linear infinite;

}

@keyframes ad-marquee-wrapper {
    0% {
        transform: translate(0, 0);
    }

    90% {
        transform: translate(-50%, 0);
    }

    100% {
        transform: translate(-50%, 0);
    }
}

dabblet.html

<div class="outer">
	<div class="inner">
		a1234567890 b1234567890 c1234567890 da1234567890 a1234567890 b1234567890 c1234567890 da1234567890
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}