Meet Bouncy Boy
What’s up guys,
Here’s a more focused shot of the hover animation from the BitPay Directory. My idea here was to find a simple way to get a user’s attention and indicate how to spend cryptocurrency with any these merchants. This will be updated shortly now that gift card purchases can be made through our extension. Design breakdown on ‘Pay with BitPay’ coming soon.
Check out the directory @ https://bitpay.com/directory
Check out our extension @ https://bitpay.com/extension
Here’s the animation:
animation: bouncyBoy 3s ease-in-out infinite;
@keyframes bouncyBoy {
10% { transform: translateY(0); }
15% { transform: translateY(-14px) rotateX(30deg); }
20% { transform: translateY(10px) rotateX(50deg) scale(1.1); }
25% { transform: translateY(-13px); }
30% { transform: translateY(0); }
}