Создание вертикального разделителя с помощью CSS3 / Compass вместо использования изображения

Question

Вот скриншот моего существующего вертикального разделителя на основе изображений для пунктов меню (надеюсь, вы можете его увидеть):

(1) Какой лучший способ заменить это изображение собственным стилем CSS3? Размеры 3х27.

(2) Компас предлагает миксин для вертикальных разделителей? Это было бы предпочтительнее, и если это так, не нужно обращаться (1).

Answer 1

Я считаю, что это то, что вы ищете CSS3 Градиент границы .Вы можете создать границу с градиентом, чтобы она выглядела так же, как изображение, которое вы опубликовали.

Answer 2

Я не уверен, что у компаса есть что-то для этого, но вы не можете использовать обычные границы CSS.border-right: 1px сплошной белый, затем на последнем говорят, что у них нет границы.