jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-25 08:36:07 -05:00
Code Issues Activity

example tweak

Browse Source
This commit is contained in:
Jake Jarvis
2019-04-23 07:37:07 -04:00
parent 878eb6ea23
commit b48402d62c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
content/notes/css-waving-hand-emoji/index.md
View File

@@ -23,11 +23,11 @@ Below are the code snippets you can grab and customize to make your own
### CSS: ### CSS:
```css ```css
span#wave { span.wave {
animation-name: wave-animation; /* Refers to the name of your @keyframes element below */ animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
animation-duration: 2.5s; /* Change to speed up or slow down */ animation-duration: 2.5s; /* Change to speed up or slow down */
animation-iteration-count: infinite; /* Never stop waving! :) */ animation-iteration-count: infinite; /* Never stop waving :) */
transform-origin: 70% 70%; transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
display: inline-block; display: inline-block;
} }
@@ -45,7 +45,7 @@ span#wave {
### HTML: ### HTML:
```html ```html
<span id="wave">👋</span> <span class="wave">👋</span>
``` ```
That's it! More skin tones can be [found on 📕Emojipedia](https://emojipedia.org/search/?q=waving+hand). That's it! More skin tones can be [found on 📕Emojipedia](https://emojipedia.org/search/?q=waving+hand).