Skip to content

Instantly share code, notes, and snippets.

@satour

satour/buruburu.html

Created July 25, 2023 01:59
Show Gist options
  • Save satour/64e71f80eba68d0aa37d249e8feaa6ae to your computer and use it in GitHub Desktop.
Save satour/64e71f80eba68d0aa37d249e8feaa6ae to your computer and use it in GitHub Desktop.
Download ZIP
Raw
buruburu.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>震えるサカバンバスピス</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.buruburu {
display: inline-block;
animation: hurueru .1s infinite;
}
@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
</style>
</head>
<body>
<img src="kodai_sacabambaspis.png" class="buruburu">
<!-- download from https://www.irasutoya.com/2023/06/blog-post.html -->
</body>
</html>
@satour
Copy link
Author

satour commented Jul 25, 2023

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment