CodePen

HTML

            
              <p>Here is a lovely link to <a href="http://www.flickr.com/photos/radtacular/10728100744/">a cat photo</a>!! The underline tells users without hover or focus which text is the link. On hover, we have a transition to make the color change less jarring. </p>
            
          
!

CSS

            
              a {
  color: #6dd4b1;
	transition: color 0.25s linear;  
}

a:hover, a:focus  {
	color: #357099;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................