Skip to content

Instantly share code, notes, and snippets.

@am2222

am2222/rotating-emoji-globe.html

Forked from simonw/rotating-emoji-globe.html
Last active September 19, 2023 18:37
Show Gist options
  • Save am2222/1a0be4b2ff57dd303dbc25060e6a7e15 to your computer and use it in GitHub Desktop.
Save am2222/1a0be4b2ff57dd303dbc25060e6a7e15 to your computer and use it in GitHub Desktop.
Download ZIP
Rotating emoji globe
Raw
rotating-emoji-globe.html
<!DOCTYPE html>
<html>
<head>
<title>Globe Emoji Animation</title>
<style>h1 { font-size: 70vh; text-align: center; padding: 0; margin: 0 }</style>
</head>
<body>
<h1>🌎</h1>
<script>
const globeEmojis = ['🌎', '🌍', '🌏'];
const h1 = document.querySelector('h1');
let i = 0;
setInterval(() => {
h1.innerHTML = globeEmojis[i++ % globeEmojis.length];
}, 100);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment