[X] Помощник

[kpripper Topic Starter]

Как сделать такой градиент у border-top средствами CSS ?
[img]http://s1.sendimage.me/bjAmj4Ai.jpeg[/img]

[Artemcher96]

Какой такой?

[greenkas]

Какой такой?

Там синяя полоска внизу сообщения.
Вам что-то такое нужно. http://htmlbook.ru/css/-moz-linear-gradient Как вариант, сделать 2 таких полоски рядом с переходом от одного к другому и наоборот. Но работает это только в firefox.

[fedornabilkin]

У бордера вряд ли есть градиент. Наверно проще сделать див с градиентным бекграундом.

[c0ns0l3]

У бордера вряд ли есть градиент. Наверно проще сделать див с градиентным бекграундом.

Ты прав на все 100%, добавить именно Бордеру градиент невозможно.
Нужно использовать обманки.
Здесь уже будут идти вариации в зависимости от типа бордера, который ты хочешь получить.

1. Если 1 - 2 бордера имеют градиент - используем псевдо-классы :before || :after
2. Если 4 бордера с каким то градиентом, который можно получить при помощи одного общего градиента ФОНА, в который вписать див со сплошным фоном (белого допустим, что б небыло видно нижнего фона градиента), разместить в нем контентом с внешним отступом... надеюсь идею нормально описал...

Идеи кончились на сонную голову...


http://jsfiddle.net/c0ns0l3/P5gP9/

Накидал...

Собственно как видите - 2й вариант получается самый шикарный.. т.к. можно накладывать дополнительный эффекты

Лично мое мнение решение достаточно оригинальное и интерестное, добавить заглушку для браузеров, которые не деражат градиенты.. и ты в любом случаи получишь бордер... что есть хорошо, только не градиентный

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.