CSS effect on hover (dashed underline + change of text color)

809 Views Asked by At

I'm totoal CSS noob

Can you please take a minute and help me create dashed underline (with gap) with text color change on mouse hover?

I would really appreciate your help!

https://i.stack.imgur.com/NHGLk.jpg
http://codepen.io/anon/pen/lIjDp (please, dont mind some unneccessary CSS code there)

THANKS A TON!

1

There are 1 best solutions below

0
On

Try:

#zed h1:hover{
    border-bottom:5px dashed yellow;
    color:orange;
}

DEMO here.