Gradient Underlines - Ash Princess Kawaii
Breaking News
07 November 2014
Home » Tutorial Blogger » Gradient Underlines

Gradient Underlines

November 07, 2014
Gradient+Underlines


Gradient Underlines is the link hover color gradient. We can use css to make gradient underlines.

CSS

a{ color:yellow;  position:relative;  padding-bottom:2px;  text-decoration:none}
a:hover::after{ content:"";  position:absolute;  bottom:2px;  left:0;  height:1px;  width:100%; background:-webkit-gradient(linear,80% 33%,44% 23%,from(#FF00D5),to(#39FF08))}

Live demo gradient underlines


By
Tags

0 Comments:

Posting Komentar

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Langganan: Posting Komentar (Atom)
 
tumblr_ln1i6xM1bx1qg9aa7