Skip to content

Instantly share code, notes, and snippets.

@thexdev

thexdev/pancake-flying-animation.css

Created February 23, 2022 08:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save thexdev/9754e71a137d274268aeeed8496cef29 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save thexdev/9754e71a137d274268aeeed8496cef29 to your computer and use it in GitHub Desktop.
Download ZIP
The flying effect of Pancakeswap bunny on hero section
Raw
pancake-flying-animation.css
@keyframes flyingAnimation {
from {
transform: translate(0, 0px);
}
50% {
transform: translate(-5px, -5px);
}
to {
transform: translate(0, 0px);
}
}
#concrate {
width: 100px;
height: 100px;
background: red;
position: relative;
animation: flyingAnimation 3.5s ease-in-out infinite;
}
@thexdev
Copy link
Copy Markdown
Author

thexdev commented Feb 23, 2022 •
edited
Loading

Made this public

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