Градиент border

kpripper · 10.10.2013

Как сделать такой градиент у border-top средствами CSS ?

npofopr · 10.10.2013

kpripper · 10.10.2013

Я это смотрел, там нет такого варианта как мне нужно - по центру один цвет, по краям другой.

lekzd · 10.10.2013

kpripper сказал(а):
Я это смотрел, там нет такого варианта как мне нужно - по центру один цвет, по краям другой.

так сделайте свой, для таких случаев хорошо использовать псевдоэлементы и генераторы css-градиентов http://www.colorzilla.com/gradient-editor/

npofopr · 10.10.2013

через before вполне можно http://jsfiddle.net/npofopr/66ekV/
именно для border не получилось, но долго и не пробовал

kpripper · 10.10.2013

Спасибо, помогла ссылка lekzd, правда только css не обошлось, пришлось сделать отдельный блок для бордера.

npofopr · 10.10.2013

kpripper сказал(а):
Спасибо, помогла ссылка lekzd, правда только css не обошлось, пришлось сделать отдельный блок для бордера.

ну я собственно этим генератором и пользовался, а от отдельного блока как раз таки через :after и можно наверно у вас избавиться.