A |
Anonymous |
It would be cool if we could select from a pre-made menu of some button animations.
For example, the Add to Cart button could have a "Pulse" animation, or "Jiggle," or "Bounce." And then the user could select how often the animation triggers, like "Every 2 seconds" or "Every 5 seconds."
For reference, I added this Pulse animation to the sticky Add to Cart button:
.cart-bar__form .product__submit__add {
background: #101417;
color: #ffffff;
border: none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
animation: pulse 4s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
35% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}