2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

How To Make Those "Highlighted Text" Effect When The Cursor Rolls Over Text?

by himybaby
1 replies
  • WEB DESIGN
    • |
Hi,

I'm green when it comes to web design, please help.

There are sites with words where whenever my mouse goes to the text, there will be a rectangular highlight on the text.

Example, the top black bar of:
russell brunson dotcomsecrets site

(sorry, I'm not able to put the .com in because I was told I can only do so only after 15 posts. It is dotcomsecrets followed by .com)
The words - Home , Products, Coaching... get highlighted when mouse touches it.

How do I create that effect? (simple html? or requires more than html?)

Thanks!
#cursor #effect #highlighted text #make #rolls #text
  • Profile picture of the author dialseo
    Easiest way: CSS. Your code would look like:

    a {
    color: #00000;
    text-decoration: underline; }

    a:hover {
    background-color:#000000;
    color: #FFFFFF;
    text-decoration: none; }

    This will make your link on hover have a black background with white text. Search Google on how to implement (they can explain it better ).
    Signature
    A ton of domains for sale!
    {{ DiscussionBoard.errors[3024769].message }}

Trending Topics