Skip to content

Instantly share code, notes, and snippets.

@MeguminSama
Created March 2, 2023 23:41
Show Gist options
  • Save MeguminSama/43aeb6596a30a0edff4450af63b43fe2 to your computer and use it in GitHub Desktop.
Save MeguminSama/43aeb6596a30a0edff4450af63b43fe2 to your computer and use it in GitHub Desktop.
[class^="channelTextArea"]::before {
content: "";
width: 32px;
height: 32px;
bottom: calc(100% - 3px); /* Mess with the - 3px to change its vertical position */
right: 10px; /* Switch this from right to left to put it on the left side, or increase/decrease to change its position */
position: absolute;
image-rendering: pixelated;
background-image: url("https://raw.githubusercontent.com/adryd325/oneko.js/14bab15a755d0e35cd4ae19c931d96d306f99f42/oneko.gif");
animation: oneko 1s infinite; /* change 1s to make the animation slower/faster */
}
@keyframes oneko {
0%, 50% {
background-position: -64px 0;
}
50.0001%, 100% {
background-position: -64px -32px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment