That’s certainly possible!
The first thing that you’ll want to do, if you haven’t already, is to is to create your hover style within the button properties in the builder. Click on the button that you want to create the effect for, go to the “Appearance” section, and click on the “Hover” tab:
You can either let Unbounce decide what your hover color will be, or you can set it yourself.
Then, to get the nice fade animation between the two states, open up your stylesheets (located at the bottom bar of the builder):
And add the following CSS:
transition: all 0.3s ease;
You can find your button ID by clicking on your button and scrolling to the bottom of the “Properties” panel. It’s located in the “Element Metadeta” section.
You can adjust the speed of the transition by changing
0.3s to something else. For example,
1s would be a slower fade, whereas
0.1s would be a very fast fade.