Flashing button

Ask the Community Customization
1

Is it possible to make the button change colour like an animated gif?
I just thought that it would make the button stand out if you could do this.

1 Like
2

Hi there, @user21013 :wave:

Yep, it’s possible! For this, you should add this script next to the widget’s installation code on your website:

<style>
.es-button-floating-button {
  animation: colorChange 3s infinite;
}

@keyframes colorChange {
  0% {
    background-color: #ff5733; /* Initial color */
  }
  25% {
    background-color: #33ff57; /* Color 2 */
  }
  50% {
    background-color: #3357ff; /* Color 3 */
  }
  75% {
    background-color: #f033ff; /* Color 4 */
  }
  100% {
    background-color: #ff5733; /* Initial color */
  }
}
</style>

In this code you can change colors and set the needed animation duration:

image
image610×365 30.2 KB


Please test it out and let me know if you like the result :slightly_smiling_face: