frank forge
I found the oneko snippet but I wanted to slightly tweak it, irrespective of whether I use the original snippet or my self-tweaked version, it messes up the window and the contents dont fit properly so i have to horizontally scroll . Not sure if it's a bug or there's something in the CSS causing this
.player-controls .playback-progressbar::before { content: ''; width: 32px; height: 32px; bottom: 12px; right: 256px; position: absolute; image-rendering: pixelated; background-image: url('https://i.imgur.com/xMnZ1N1.png'); animation: oneko 1s infinite; } @keyframes oneko { 0%, 50% { background-position: -1px 0; } 50.0001%, 100% { background-position: -1px -32px; } }
and here is the css of the original
.player-controls .playback-progressbar::before { content: ''; width: 32px; height: 32px; bottom: calc(100% - 7px); right: 10px; position: absolute; image-rendering: pixelated; background-image: url('https://raw.githubusercontent.com/adryd325/oneko.js/14bab15a755d0e35cd4ae19c931d96d306f99f42/oneko.gif'); animation: oneko 1s infinite; } @keyframes oneko { 0%, 50% { background-position: -64px 0; } 50.0001%, 100% { background-position: -64px -32px; } }
and just for clarification, this is without the snippet
even at minimum zoom, the issue persists