Pulsing badge?

Follow

Christina Stommel

• December 22, 2021 14:31

We would like to start using badges to introduce new features (via guide pop-ups) in our app, and we like the idea of a pulsing icon -- kind of like the default alert Pendo uses for its Resource Center. Anyone got a quick trick or hack for how to accomplish this? We've tried animating a gif but it's pixelated and just not quite the quality we need. 

1

• 

  Claire Littell

  • December 22, 2021 18:24

  An animated gif is definitely the first thing that comes to mind. Is the issue that the gif looked pixelated from the get-go, or something else?
  
  Beyond that, maybe someone has some CSS tricks to share!

  0

  Comment actions Permalink
• 

  Christina Stommel

  • December 22, 2021 18:31

  Yep - it's pixelated even outside of Pendo. Where you have to add the badge at the size you need since Pendo doesn't give you tools to adjust the size in-app (like it does for other images), we have to use a small one, and the animator says it's just too hard to get the smoothness we really need working with the small image. 

  0

  Comment actions Permalink
• 

  Stevie G

  • January 31, 2022 02:47

  Hey Christina, our team designs animated pulsing badges using svg's, definitely the way to go.

  1

  Comment actions Permalink

Please sign in to leave a comment.