I det viste eksempel vil vi have et farveskift på teksten og at den bliver fed, når man holder musen over. Så ser klassen i CSS således ud:

.HoverDemo:hover {
    font-weight: bold;
    color: magenta;
    background: green;
}

Koden til eksemplet ser således ud:

Her er teksten normal, <SPAN CLASS="HoverDemo">her er der et SPAN med CLASS="HoverDemo",</SPAN> og her bliver teksten normal igen.

På skærmen ser det således ud:

Her er teksten normal, her er der et SPAN med CLASS="HoverDemo", og her bliver teksten normal igen.