Link Colors
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
Link Colors
Sorry to bother, but any of you guys know how to change the color when you hover over the link?
But not the color, it also has like a phase where it would slowly fade into the different color.
Like this forum (example) (just hover a link)
Please help. thanks
But not the color, it also has like a phase where it would slowly fade into the different color.
Like this forum (example) (just hover a link)
Please help. thanks
Last edited by Vergil on August 13th 2015, 6:11 pm; edited 1 time in total
Vergil- Forumember
-
Posts : 32
Reputation : 1
Language : English
Re: Link Colors
Hi @GhostRiderUSA,
The basic CSS for styling links by default and on hover would be the following.
You'll see transition:300ms; this adds a 0.3 second interval for transitioning between styles. For example, red to blue. The code can be adding in via Display > Colors > CSS stylesheet
The basic CSS for styling links by default and on hover would be the following.
- Code:
a:link {
color:#C66;
transition:300ms;
}
a:hover {
color:#33C;
}
You'll see transition:300ms; this adds a 0.3 second interval for transitioning between styles. For example, red to blue. The code can be adding in via Display > Colors > CSS stylesheet
Re: Link Colors
Okay thanks, but how do I make it blurry just like the other one?@Ange Tuteur wrote:Hi @GhostRiderUSA,
The basic CSS for styling links by default and on hover would be the following.
- Code:
a:link {
color:#C66;
transition:300ms;
}
a:hover {
color:#33C;
}
You'll see transition:300ms; this adds a 0.3 second interval for transitioning between styles. For example, red to blue. The code can be adding in via Display > Colors > CSS stylesheet
Vergil- Forumember
-
Posts : 32
Reputation : 1
Language : English
Re: Link Colors
You can use the text-shadow property to achieve this effect.
For example :
For example :
- Code:
a:link {
color:#C66;
text-shadow:0px 0px 3px #F00;
transition:300ms;
}
a:hover {
color:#33C;
text-shadow:0px 0px 1px #00F;
}
Re: Link Colors
Thanks for the help!@Ange Tuteur wrote:You can use the text-shadow property to achieve this effect.
For example :
- Code:
a:link {
color:#C66;
text-shadow:0px 0px 3px #F00;
transition:300ms;
}
a:hover {
color:#33C;
text-shadow:0px 0px 1px #00F;
}
Solved.
Vergil- Forumember
-
Posts : 32
Reputation : 1
Language : English
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum