How to make one menu item flash

roadcomms
New Member
5 0 0

I would like to animate one of my menu items, the 'SHOP' button in the header. Any idea how to do it? I was able to get the cart to flash using this code but cannot seem to do the same for the menu item:

.icon-cart {
animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
0%{ color: red; }
49%{ color: red; }
60%{ color: transparent; }
99%{ color:transparent; }
100%{ color: red; }

Shop site: https://roadarmourx.com/

0 Likes
pl8maker
New Member
2 0 0

This is what I did on my client's site.   It works great. 

.site-header a[href="https://pl8maker.ca/pages/specials"]
{
animation:blinkingText 1.2s infinite;}
@keyframes blinkingText{
0%{ color: red; }
49%{ color: red; }
60%{ color: transparent; }
99%{ color:transparent; }
100%{ color: red; }
}

0 Likes