Page 1 of 1
border around image to change color on mouseover.
Posted: Tue May 07, 2024 4:16 am
by Lasa
I have an image that has a thin black border, I would like to turn the border red on a mouseover...
Can't figure it out.
Lasa
Re: border around image to change color on mouseover.
Posted: Tue May 07, 2024 5:03 am
by wwonderfull
Lasa wrote: ↑Tue May 07, 2024 4:16 am
I have an image that has a thin black border, I would like to turn the border red on a mouseover...
Can't figure it out.
Lasa
Code: Select all
<style>
#imageID:hover {
border: 3px solid red;
}
</style>
or you can go to wwb and go to image properties animations and then go to transition and do the same just put it to on hover and then border color. Very simple.
Re: border around image to change color on mouseover.
Posted: Tue May 07, 2024 12:05 pm
by Lasa
I always forget the transition options....
Thank you.
Lasa
Re: border around image to change color on mouseover.
Posted: Tue Oct 15, 2024 9:48 pm
by p-murray
Yeah, I thought this would be that easy but, when I add the transition to the image it doesn't actually trigger a transition. Nothing happens. Is there a setting somewhere that I am not seeing? I am trying to make the border turn black on hover.
Re: border around image to change color on mouseover.
Posted: Wed Oct 16, 2024 1:51 am
by wwonderfull
murray do you have any demo or link to the site so we can see what may be the issue?
Re: border around image to change color on mouseover.
Posted: Wed Oct 16, 2024 6:09 am
by Pablo
Did you try this?
https://www.wysiwygwebbuilder.com/transitions.html
(see the button transition at the bottom of the page)
Re: border around image to change color on mouseover.
Posted: Wed Oct 16, 2024 4:12 pm
by p-murray
