How do I make text text when you hover the mouse over it?


Tags: javascript,html,css

Problem :

So, my friend asked me to make him a website for his YouTube channel. He wanted to have 4 links to other pages. These pages are: Home, About Me, Merchandise, and Contact (Just so he can have like, duo sessions or like guests and stuff). So here's what he said: "I want it so that when someone points at those pages before they click on it, I want the text to change in to a different color. Just like at terraria.org". So I said i might not know how, but he begged me, so yeah. So does anyone know how to do that? preferably using only HTML and CSS? I'm no too great at JS. But if it's the only option, I'll take it. Thanks :)



Solution :

The CSS pseudo-class :hover is what you're looking for.


    CSS Howto..

    How do I make a symmetrical downward pointing angle that is greater than 90 degrees using CSS?

    How to align elements equally in a line in CSS/Bootstrap?

    How to Convert RGB to HEX ( for Gradients )

    How to make jQuery UI nav menu horizontal?

    How can I differentiate Safari and Chrome in CSS?

    GWT- SingleSelectionModel celltable- how to change selected cell's CSS?

    How can I create a drop down menu with JQuery

    How to dynamically reload a .css?

    How do I add an underline to unvisited links only?

    How to set minimum height to the 100% of the viewing screen and half of the page?

    How do I customize an asp:Button class?

    How to style drop down list? [duplicate]

    how to give conditional comments in firefox for a single css style statement

    How to center absolutely positioned elements in css for a pdf

    small space keeps showing to right side of my website w

    How to keep CSS class on menu item with dropdown

    How to place two paragraphs side by side (next to each other)?

    how to create a multi column list with css?

    I can't get all the div's to show up with the same #id

    How to reference css and script files into a node.js app?

    How to set min-font-size in CSS

    How to override GWT obfuscated style for DataGrid header

    How do I make a placeholder for a 'select' box?

    CSS - 5 fluid columns with 6 fixed separators, how to get them to equal 100% of containing div?

    How can I use an inline style to add a shadow around the used portion of my page?

    How to position a div in the absolute center of a page?

    How can I center a table relative to one column in HTML/CSS?

    How can I center an unknown number of block elements of unknown widths in a block container of an unknown width?

    How to set font “ Balzano” to the text in enclosed in

    on my website?

    How to hide desktop css from iphone browser?