Skip to content

Instantly share code, notes, and snippets.

@myobie
Created December 14, 2023 22:32
Show Gist options
  • Save myobie/67e9fd6d0bbe239eb08dd5fbfca9eff9 to your computer and use it in GitHub Desktop.
Save myobie/67e9fd6d0bbe239eb08dd5fbfca9eff9 to your computer and use it in GitHub Desktop.
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<style>
@keyframes rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(359deg);
}
}
body {
font-size: 1000%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
li {
margin: 0;
padding: 0;
}
span {
display: inline-block;
animation: 4s linear 0s infinite rotate;
}
</style>
</head>
<body>
<ul>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
<li><span>🫡</span>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment