На любые другие вопросы, относящиеся к этому, либо есть ответы, содержащие СТАРЫЙ синтаксис webkit, а не новый синтаксис, либо они не объясняют, как применить border-gradient ТОЛЬКО к одной стороне.
Какие браузеры поддерживают градиентные границы через CSS без использования изображений?
У меня есть пример в JsFiddle ниже, он показывает, что градиент применяется ТОЛЬКО к правой границе, как мне сделать этот кросс-браузер совместимым со всеми браузеры, которые в настоящее время поддерживают градиенты границы CSS? Я считаю, что синтаксис Gradient в моем примере - это старый синтаксис, используемый webkit, они обновили синтаксис около года назад, я думаю, я хотел бы использовать новый синтаксис, но я терплю неудачу с каждой попыткой. Я не понимаю, что в синтаксисе говорит о том, что градиент должен применяться ТОЛЬКО к правой стороне, я пробовал корректировать числа, но я просто не понимаю, что это делает. Спасибо большое.
http://jsfiddle.net/nicktheandroid/MNax7/1/
Кроме того, у меня есть еще один пример ниже, он использует новый синтаксис градиента CSS, который используют все браузеры, но градиент применяется ко всем границам , Я хотел применить ТОЛЬКО к правой границе, как в примере выше.