Pomoc CSS border-bottom gradient

Web dizajn i grafika
1

Pozz

Evo imam problema sa css gradientom u navigaciji evo slika http://prntscr.com/67rw2g, dakle zelim da imam gradient samo dole na hover linku bez slike samo css.

Evo i koda css:

/* navigation links */
nav a:link, a:visited, a:active {
font-size: 14px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding: 1px 20px 10px 20px;
margin: 0 30px;
}

nav a:hover {
text-decoration: none;
border-bottom-color: orange;
border-bottom-style: solid;
border-bottom-width: 3px;
}

2

Dodaj u hover gradient onda.

background: linear-gradient(to left, #00C2EC, #348AC7) repeat scroll 0% 0% rgba(0, 0, 0, 0);

3

Evo ovako možeš rješiti http://jsfiddle.net/982wcxgu/

1 Like
4

Hvala ti @rydzo16 problem rijesen :slight_smile: moze lock.