icon by mikifluffs!
she/they, 1993, WA. Ask me about card games!

warning: I reblog 18+ content here. filter it if you want.


KylieNeko
@KylieNeko
The perfect crime
The perfect crime

Edit: After taking a catnap I think I figured out how to make it work for longer run-on sentences. You need to adjust the timing as well if you want it to be actually legible. And use an   at the end or other favorite padding, just make sure both elements are the same size.

So assuming this doesn't work on all browsers and platforms, the crime is supposed to be abusing layouts and quirks of transforms on Cohost-provided animations to emulate the old classic non-standard HTML: <marquee>

After taking a catnap I think I figured out how to make it work for longer run-on sentences. You need to adjust the timing as well if you want it to be actually legible. And use an `&nbsp;` at the end or other favorite padding. 
After taking a catnap I think I figured out how to make it work for longer run-on sentences. You need to adjust the timing as well if you want it to be actually legible. And use an `&nbsp;` at the end or other favorite padding. 
<div style="display: grid;">
    <div style="
        white-space: nowrap;
        transform: translateX(100%);
        animation: spin infinite 7s linear;
        ">
        The perfect crime
    </div>
    <div style="
        white-space: nowrap;
        position: relative;
        top: -100%;
        transform: translateX(-100%);
        animation: spin infinite 7s linear reverse;
        ">
        The perfect crime
    </div>
</div>

You must log in to comment.

in reply to @KylieNeko's post: