Mouseover links code generator

Mouseover link effects are those jazzy little links you see that aren't a horrible colour and aren't underlined. However, when you pass your mouse over them...they change! They can become bold, have an underline or change to whatever colour you like.

Which links to apply style to:


'Normal' links are those that you haven't visited before, and are not in the process of clicking or hovering over.
Link colour:
Font size:
Font family:

Font style:
Cursor:
Text decoration line:
Text decoration color:
Text decoration style:
Text variant:
Text transform:
'Visited' links are those that you have visited before (and your browser 'remembers').
Link colour:
Font size:
Font family:

Font style:
Cursor:
Text decoration line:
Text decoration color:
Text decoration style:
Text variant:
Text transform:
'Active' links are those that you are in the process of clicking.
Link colour:
Font size:
Font family:

Font style:
Cursor:
Text decoration line:
Text decoration color:
Text decoration style:
Text variant:
Text transform:
'Hover' links are those that you are holding your mouse over.
Link colour:
Font size:
Font family:

Font style:
Cursor:
Text decoration line:
Text decoration color:
Text decoration style:
Text variant:
Text transform:
Code options
Choose how you want the code created
CSS layout:
Share the Mouseover links code generator on Facebook