This post has content warnings for: CSS animation, fucking around, and finding out, even harder, right round, like a merry-go-round, motion sickness.
Don't squeeze me, I fart
- she/her
- dinobird.website/
Things that make you go 🤌. Weird computer stuff. Artist and general creative type. Occasionally funny. Gentoo on main. I play rhythm games!
.png "Cohost PLUS!")
You can post SVG files like photos on this website! Spread the word!
You must log in to comment.
in reply to @cofruitrigus's post:
Source code:
<div style="animation: 42s linear infinite spin; animation-delay: 5s;">
https://youtu.be/PGNiXGX2nLU
</div>
Thanks to https://cohost.org/aron/post/107461-rechosting-this-help
Updated the code: I went to watch this on my phone this morning and couldn't make it play, so I've added a 5 second delay before it starts rotating, which gives an oppurtunity to press play on the video. I'm sure I tested it yesterday. Whoops. Not the ideal solution, but I haven't found a way to stop the animation while leaving the video in place yet, I'll look again later. Here's the code for my little vanishing notice:
<div style= "animation: forwards 0s linear 1 slideupright reverse; animation-delay: 5s">(Now on a 5 second delay. It will start spinning, be patient.)</div>
The original worked fine on iOS for me, to note, but not all operating systems are equal, so accessibility is good.
I thought I'd tested it on my android yesterday, but this morning I couldn't get it to play. If anybody's had the same problem, they haven't said anything, but the delay should hopefully make it work for everyone.
This, the version with delay, works flawlessly on my POS generic Android 11 phone and I am incredibly disquieted by that fact. It feels terribly wrong somehow. Usually, just playing a video is about all I feel I can ask of it: spinning the video seemingly without effort while playing it is just too much to ask. And yet, here we are. Bravo.
in reply to @MisutaaAsriel's post:
(A) I'm furious, this is brilliant.
(B) This seems (in my browser at least) to badly confuse the playback controls, so once it started playing on my timeline, I couldn't get it to stop! Amazing. (See item A)
On iOS i just tap the center of the video and it pauses. But it's brilliant, no?
A) Thank you 💖
B) I went for quite a slow spin mostly because, at high speeds, it became quite difficult to actually play the video. Let me tell you, it hits different at 4s.