Shopify – Add to Cart Button Shake

Go to the Assets Folder and click on the timber.scss.liguid
file
SHIFT+F (for PC) APPLE+F (for MAC) to find where to add the
code. Copy and paste this: product-single__add-to-cart

Cart Shake Code:

Include in the product-single__add-to-cart, right after the
line that begin with “margin” the code below:

animation: shake 3.72s ease infinite;
font-size: 34px;

———————————————————————————————————

@-webkit-keyframes shake {
0% { transform:translate(0,0);-webkit-transform:translate(0,0)
}
2.0979% {
transform:translate(5px,0);-webkit-transform:translate(5px,0)
}
4.1958% {
transform:translate(0,0);-webkit-transform:translate(0,0) }
6.29371% {
transform:translate(5px,0);-webkit-transform:translate(5px,0)
}
8.39161% {
transform:translate(0,0);-webkit-transform:translate(0,0) }
10.48951% {
transform:translate(5px,0);-webkit-transform:translate(5px,0)
}
12.58741% {
transform:translate(0,0);-webkit-transform:translate(0,0) }
100% {
transform:translate(0,0);-webkit-transform:translate(0,0) }
}

————————————————————————–

All credits to the code developer 🙂