Create badges for your stacks.
With this stack, you can set a picture as a badge. You can set the usual format of pictures for a background with text or use a picture yourself. You can select the picture format, raster or SVG. However, SVG cannot be set for the background.
For text, you can choose a local font or Google font. You can also specify a font from the Fonts stack, for this you just need to write its name in the font name input field. There is also letter spacing and text shadow.
The badge locations are the same as the Badge stack. You can also choose from several effects: Jump, Rotate, Flip. All this can be seen in the examples on this page.
You can also apply animation to badges.
Effects and animations don't work at the same time.
And using the color filter, you can change the color of the added image.
The stack has the ability to use your Tooltip for any hints. The settings configure the location of tooltips, size, color. You can also adjust the font size and enable Google font.
If in Tooltip you need to use not only text, but also pictures, then you can use the free PopDrop stack.
When using Foundry tooltips, you can specify the location of the tooltips. To do this, in the link settings, add data-placement in the Name field, and write a place (top, bottom, left or right) in the Value field.
Sorry, I'm not a writer, especially in English, so it's better to look at the page ready-made examples and a screenshot of the stack settings.
- - - -
with hover effect
hover over NEW
hover over NEW and Quality
With Alert stack (with SVG and hover effects):
Filter Color Hue (Red - original color):
FA icon with background image and animation: