Page 1 of 1

button transition background image

Posted: Mon Apr 26, 2021 6:33 pm
by miky
Hi there,
I have looked for this in the forum but with no success. If it was already covered thanks to kindly direct me to the right topic place.

I have a button set with a background image that I want to be changed to another one on mouse hover.

I believe this should be done with the transition effect.
If I go on the menu (button > animation > transition > add) I set the following:
  • Triger: hover
  • Property: background-image
I’m then left to fill a ‘Value’ edit box where to inset the picture link.

Can you tell me under what format I should enter the link to the new image?

On the button > style > background > image the link is under the form of ‘C:\Users\....’ but that doesn’t work.
I have also tried many other ways as for example the css format as url(‘…’) but without success.

Any idea how to fix this or, in general, how to have the background image changed to another one on hover in a button?

Thanks in advance,
Michele

Re: button transition background image

Posted: Mon Apr 26, 2021 7:04 pm
by crispy68
How is the button being used exactly? For a form or a link? Have you considered using the Rollover Image object?

Re: button transition background image

Posted: Tue Apr 27, 2021 6:01 am
by Pablo
Can you tell me under what format I should enter the link to the new image?
You should enter the path of an existing image. For example:

Code: Select all

url(https://www.yourwebsite.com/imgaes/filename.jpg)
See also:
https://www.w3schools.com/cssref/pr_bac ... -image.asp