How can I animate a prepaid button on my Retailer Fashion Infinity theme?

How can I animate a prepaid button on my Retailer Fashion Infinity theme?

naveen1989
Shopify Partner
14 0 0

Hi, 

 

I am using Retailer Fashion Infinity version 3.0.5 theme https://click2kart.in/collections/furniture-moving-tool/products/multi-purpose-kitchen-bubble-cleane... here.

 

I want to animate the prepaid button using below code but didn't get result, 

 

.button button--rad button--one-line add-cart-btn button--single-cart button--style1 add-cart-btn--state por button--single-cart-main {
animation: shopifyshake 4s;
animation-iteration-count: infinite;}
.text {display: block;font-size: 2em;width: 100%;-webkit-animation-duration: 2s;animation-duration: 1s;}
.fadeInDown.text {-webkit-animation-duration: 2s;animation-duration: 1s;}


@keyframes shopifyshake {
0% { transform: translate(1px, 1px) rotate(0deg); }
1% { transform: translate(-1px, -2px) rotate(-1deg); }
2% { transform: translate(-3px, 0px) rotate(1deg); }
3% { transform: translate(3px, 2px) rotate(0deg); }
4% { transform: translate(1px, -1px) rotate(1deg); }
5% { transform: translate(-1px, 2px) rotate(-1deg); }
6% { transform: translate(-3px, 1px) rotate(0deg); }
7% { transform: translate(0px, 0px) rotate(0deg); }
8% { transform: translate(0px, 0px) rotate(0deg); }
80% { transform: translate(0px, 0px) rotate(0deg); }
90% { transform: translate(0px, 0px) rotate(0deg); }
100% { transform: translate(0px, 0px) rotate(0deg); }
}

 

Any one can help .

 

Regards,

Naveen

 
Reply 1 (1)
naveen1989
Shopify Partner
14 0 0