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
border around image to change color on mouseover.
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
-
-
- Posts: 1439
- Joined: Fri Aug 21, 2020 8:27 am
- Contact:
Re: border around image to change color on mouseover.
Code: Select all
<style>
#imageID:hover {
border: 3px solid red;
}
</style>
Re: border around image to change color on mouseover.
I always forget the transition options....
Thank you.
Lasa
Thank you.
Lasa
Re: border around image to change color on mouseover.
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.
-
-
- Posts: 1439
- Joined: Fri Aug 21, 2020 8:27 am
- Contact:
Re: border around image to change color on mouseover.
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.
Did you try this?
https://www.wysiwygwebbuilder.com/transitions.html
(see the button transition at the bottom of the page)
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.
Yup, that's just what I was doing... except for one thing. I had the border set under "Style" as 0px. I set it to 5 and there it was. Thanks for your replies! You guys are great!
Pablo wrote: ↑Wed Oct 16, 2024 6:09 am Did you try this?
https://www.wysiwygwebbuilder.com/transitions.html
(see the button transition at the bottom of the page)