Link Colors

Code:

a:link {
  color:#C66;
  transition:300ms;
}

a:hover {
  color:#33C;
}

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

Code:

a:link {
  color:#C66;
  text-shadow:0px 0px 3px #F00;
  transition:300ms;
}

a:hover {
  color:#33C;
  text-shadow:0px 0px 1px #00F;
}

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;
}