Pomoc CSS border-bottom gradient

mlukac89 · February 21, 2015, 12:10am

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;
}

21x · February 21, 2015, 1:00am

Dodaj u hover gradient onda.

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

rydzo16 · February 21, 2015, 8:54am

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

mlukac89 · February 21, 2015, 9:21am

Hvala ti @rydzo16 problem rijesen moze lock.