Можно ли к одному блоку применить фон с несколькими linear-gradient под разными углами?

Question

[Владимир]

Можно ли сделать вот такой фон не используя before и after элементы с прозрачными бордерами, а только при помощи linear-gradient ?

Comments

[Владимир]

Сейчас я решаю задачу подобным образом https://jsfiddle.net/cspzxp5s/ , может есть более "современное" решение ?

Answer 1

[sergski]

Градиеты можно наклонять, но к блок, к которому они применяются будет по умолчанию прямоугольный. Вот отличная статья Хьюго Жираделя, как делать углы на css.

Comments

[Владимир]

Меня устраивает прямоугольный блок, мне не очень нравилось использовать бордеры. Спасибо

Answer 2

[metaf]

Можно, конечно, градиент же обычная "картинка" codepen.io/olgar/pen/ALwbKO Но сглаживание в хроме...

Comments

[Владимир]

В ФФ сглаживание тоже не блещет

[_ _]

А можно схитрить и сделать linear-gradient(-4deg, rebeccapurple 75%, tomato 75.2%) - жизнь становится чуточку лучше

[Владимир]

Александр Марченко: спасибо

Answer 3

[Дмитрий Гусев]

тут попробуйте подобрать как вам надо
www.colorzilla.com/gradient-editor

Comments

[Владимир]

Не вижу там возможность реализовать то, что прошу, возможно это нельзя впринципе