September 4, 2019

Animated Badge

Animated Badge

  • These animated ‘badges’ are a popular way to highlight an additional feature of your product.
  • I’ve created the graphic using Illustrator.
  • I’ve altered to opacity of the image in the CSS so the text underneath is visible. The graphic is overlayed on the text but the opacity ‘hack’ makes it appear as though it’s underneath.
  • Obviously you’d have to adjust the sizing and position for mobile and make sure the highlighted feature also appeared in the source.
FFFFRY Logo