CSS3 градиенты по пикселям, а не в процентах

Question

Я хочу создать фон с линейным градиентом, который будет одинаковым, независимо от размера окна браузера, для размещения заголовка с фиксированной высотой, подзаголовка и элемента содержимого.

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

Можно ли использовать пиксельныеградиент вместо процентного градиента?

Answer 1

Да, вы можете.Вы можете заменить стандартные единицы вместо процентов.Смотрите этот пример:

http://dabblet.com/gist/1856111

background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);

Answer 2

Если вам нужен градиент фиксированного размера, используйте свойство background-size, чтобы указать его размер.