Want to make your Shopify announcement bar pop? This tutorial shows you how to add a captivating animated background color to grab your customers’ attention.

No need to be a coding expert – we’ve got a ready-to-use code snippet for you! Simply copy and paste it into the right spot in your Shopify theme.

Let’s elevate your store’s design together!

.utility-bar {
  animation: changeBackgroundColor 5s infinite;
}


@keyframes changeBackgroundColor {
  0% {
    background-color: #001F3F;
  }
  25% {
    background-color: #0077ff;
  }
  50% {
    background-color: #FF4136;
  }
  75% {
    background-color: #ff8400;
  }
  100% {
    background-color: #001F3F;
  }
}