mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 13:56:22 -04:00
2.1 KiB
2.1 KiB
title, date, description, tags, image
| title | date | description | tags | image | |||||
|---|---|---|---|---|---|---|---|---|---|
| Animated Waving Hand Emoji 👋 Using CSS | 2019-04-17 14:20:10-0400 | How to make the 👋 waving hand emoji actually wave using pure CSS animation! |
|
/static/images/notes/css-waving-hand-emoji/codepen.png |
Howdy, friends! 👋
If you examine my homepage long enough, you might notice the 👋 hand emoji at the top subtly waving at you. This was easily accomplished using a few lines of CSS with a feature called @keyframes — no bulky GIFs involved, and no JS mess or jQuery overkill required.
Below are the code snippets you can grab and customize to make your own "waving hand" 👋 emojis actually wave, and a CodePen playground for live testing.