Skip to content

Instantly share code, notes, and snippets.

@MeguminSama

MeguminSama/oneko-chat-bar.css

Created March 2, 2023 23:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MeguminSama/43aeb6596a30a0edff4450af63b43fe2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MeguminSama/43aeb6596a30a0edff4450af63b43fe2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. MeguminSama created this gist Mar 2, 2023.
    20 changes: 20 additions & 0 deletions oneko-chat-bar.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    [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;
    }
    }