Skip to main content
Animated Fill Button
Updated over 11 months ago

This has a nice animation effect that starts with a slight border and then fills in the background. There are a few options for the direction of the fill as well as options for colors, shape and text.

Section Settings

Custom ID

Use this setting to either define a SPT Button ID that will be used in other SPT sections. Or you can use Primary or Secondary to change all primary or secondary buttons on the page.

WARNING: Each ID must be unique for the current page.

Colors

Use this settings group to configure what colors the button will use

Shape

Use this settings group to configure what shape the button will be

Text

Use this settings group to configure custom text styles for font family, size, weight and if you would like the text case to be automatically converted. By default these options will use the default theme settings

Did this answer your question?