CSS эффект на парения (пунктирная подчеркиванием + изменение цвета текста)

Question

Я totoal CSS нуб

Можете ли вы занять минуту и ​​помочь мне создать пунктирную подчеркивание (с зазором) с текстом изменения цвета при наведении курсора мыши?

Буду признателен за вашу помощь!

http://i.imgur.com/2JjFYWT.jpg
http://codepen.io/anon/pen/lIjDp (пожалуйста, не виду некоторые CSS код ненужным там)

спасибо TON!

Answer 1

Try:

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

DEMO here.