This post has content warnings for: css animation.
33, goat, seeking to become moth.
- he/they/it
18+ but not explicit
It's been a lovely time on this website.
Fediverse
yiff.life/@exameterFuraffinity
www.furaffinity.net/user/exayardAD accounts
ask in my inbox or over discord
Website League
pleasetf.me/exameterthanks for a great couple of years, everyone
crouton.net/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.
Pinned Tags