Skip to content

Instantly share code, notes, and snippets.

@guillaumegarcia13

guillaumegarcia13/rotate_emoji.css

Created October 30, 2021 08:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save guillaumegarcia13/3966cbd58543efb586bd8bfe825e6b0b to your computer and use it in GitHub Desktop.
Save guillaumegarcia13/3966cbd58543efb586bd8bfe825e6b0b to your computer and use it in GitHub Desktop.
Download ZIP
Rotating emoji CSS
Raw
rotate_emoji.css
/* Animating with globe emoji */
@keyframes rotateEmoji {
0% { content: "\01F30D"; }
33% { content: "\01F30E"; }
66% { content: "\01F30F"; }
}
.my-own-tile .nepTileTitle .nepTileClickable::before {
content: "\01F30D";
}
.my-own-tile:hover .nepTileTitle .nepTileClickable::before {
animation: rotateEmoji 750ms linear infinite alternate;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment